Gå til innhold

Problemer med kode - trenger hjelp

Tha_Zaynt

Anbefalte innlegg

Tha_Zaynt

Tha_Zaynt

Skrevet
Skrevet

Problemet mitt er at jeg skal lage en side med to kolonner, men kolonnene vil ikke utivide seg i forhold til hverandre...hvis dere skjønner hva jeg mener. Hvis ikke se her

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>demo</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1"/>
<link href="style2.css" rel="stylesheet" type="text/css"/>
</head>

<body>
<div id="wrap">
<div id="header"></div>
<div id="content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse tortor. Praesent felis pede, molestie eu, sodales in, mattis sit amet, est. Mauris nibh. Integer non mi. Etiam eros turpis, placerat eget, rhoncus quis, bibendum sit amet, wisi. Nam gravida, diam id euismod hendrerit, velit lacus viverra turpis, a lobortis urna felis eget elit. Donec in sem quis magna dignissim accumsan. Integer id arcu. Nam adipiscing. Ut velit neque, mattis fringilla, ullamcorper sit amet, eleifend nec, turpis. Pellentesque mattis vestibulum odio. In fermentum. Quisque tempor, pede vitae mattis vulputate, urna diam sagittis nibh, eget venenatis tortor arcu ut eros. Cras a nulla. Donec dignissim leo in purus. Cras ligula libero, gravida pharetra, mollis sed, viverra a, tortor. Vestibulum eget est at erat molestie blandit. Phasellus vel augue. Nunc nec augue vel magna interdum commodo. Cras lobortis, odio ac tristique varius, dui odio accumsan libero, at accumsan turpis velit id nisl.

Etiam suscipit. Nunc id turpis ac est ultrices viverra. Pellentesque non massa a nisl tristique hendrerit. Proin mauris nibh, feugiat id, pharetra quis, hendrerit ac, enim. Vivamus quam. Pellentesque semper libero id massa lobortis ornare. Praesent imperdiet congue ipsum. Morbi suscipit ligula laoreet quam. Donec quis nulla. Vivamus eu dui. Nam at nibh vel mi placerat suscipit. Aliquam lacinia nibh. Sed diam. Sed feugiat placerat diam. In pede. Integer a tellus.

Vivamus eget orci. Mauris ac nunc. Aliquam non sapien. Aenean nec urna sit amet neque pharetra tempor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam sodales massa ut ligula. Curabitur accumsan viverra libero. Maecenas ut lectus. Curabitur dignissim ligula vel nibh. Quisque sed neque lobortis diam fringilla mollis. Donec quis velit. Donec at pede quis metus varius tempor. Nunc pulvinar ultricies mauris. </div>
<div id="right">Denne kolonnen vil ikke utvide seg nedover..</div>
<div id="footer"></div>
</div>
</body>
</html>

 

CSS

*{
margin: 0;
padding: 0;
}

body{
text-align: center;
font-family: Aral, "Trebuchet MS", Verdana;
font-size: 14px;
margin-top: 1.5em;
margin-bottom: 1em;
}

#wrap{
margin: 0 auto;
width: 782px;
height: auto;
}

#header{
height: 110px;
width: 780px;
border: 1px solid gray;
}

#content{
width: 633px;
height: auto;
padding: 5px;
float: left;
border-left: 1px solid gray;
text-align: left;
}

#content p{
margin: 0;
padding: 0 0 1.5em 0;
}

#right{
width: 135px;
height: auto;
float: right;
border-right: 1px solid gray;
border-left: 1px dashed gray;
text-align: right;
}

#footer{
height: 15px;
width: 780px;
clear: both;
border: 1px solid gray;
}

 

Noen som vet hvor feilen ligger?

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
Tha_Zaynt

Tha_Zaynt

Skrevet
  • Forfatter
Skrevet

Endret style, slik at skrivefeilene nå er rettet opp og fulgte guiden til polert, men det ble ikke den store forandringen jeg hadde håpet på. Ingenting skjedde, bortsett fra at nå må man scrolle bittelitt unødvendig...

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>demo</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1"/>
<link href="style2.css" rel="stylesheet" type="text/css"/>
</head>

<body>
<div id="wrap">
<div id="header"></div>
<div id="content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras fringilla velit 
sit amet est mollis lobortis. Nullam odio. Duis risus neque, egestas vitae, dapibus 
vitae, fermentum a, pede. Vestibulum ante ipsum primis in faucibus orci luctus 
et ultrices posuere cubilia Curae; Nulla adipiscing. Nulla facilisis, arcu non 
porttitor tempus, enim sem vehicula metus, sed hendrerit neque nulla nec enim. 
Quisque dui urna, molestie et, iaculis vel, congue vel, risus. Fusce tincidunt 
lacus vitae ipsum. Maecenas erat. Duis libero elit, porta sed, dapibus nec, dapibus 
non, lectus. Morbi rutrum commodo lectus. Maecenas nec velit. Donec egestas, sapien 
eget tempor blandit, orci quam ultrices nunc, at aliquam tellus est id lorem. 
Nam consequat, lectus non facilisis sollicitudin, justo magna eleifend tortor, 
fringilla feugiat elit odio in ligula. Curabitur ut dolor sit amet purus lobortis 
rhoncus. Sed consequat, tellus sed congue scelerisque, augue wisi vulputate sapien, 
nec tempus quam arcu sit amet erat. Maecenas in dolor eget purus congue luctus. 
Integer non nulla at tortor lacinia dapibus. Aliquam ut leo.
<p>Duis et mi. Vivamus sagittis, sapien ut fermentum eleifend, mi elit iaculis 
 massa, sit amet consequat lacus pede at massa. Aenean in est ut neque cursus 
 egestas. Sed eget felis. Quisque nec justo a augue placerat tincidunt. Suspendisse 
 metus. Duis suscipit tempor erat. Nunc dapibus, urna nec aliquam euismod, mi 
 nisl adipiscing nisl, tempor auctor risus mauris nec libero. Aliquam lobortis 
 ipsum at sem. Cras euismod vulputate lorem. Donec lobortis, dui at molestie 
 consequat, orci sem sagittis quam, eget sollicitudin leo odio pellentesque velit. 
 Phasellus vel justo. Sed vehicula.</p>
<p>Mauris mi libero, ornare eget, pellentesque in, feugiat eu, risus. Pellentesque 
 rutrum. Cras velit est, fermentum eget, pharetra quis, condimentum in, erat. 
 Integer eget orci ac libero sagittis tristique. Vestibulum pellentesque, diam 
 sed pharetra bibendum, sapien nulla semper wisi, nec vehicula libero ligula 
 a erat. Mauris iaculis viverra libero. In fringilla diam sed urna. In aliquet. 
 Donec quis quam. Cras pellentesque imperdiet risus. </p></div>
<div id="right">Denne kolonnen vil ikke utvide seg nedover..</div>
<div id="footer"></div>
</div>
</body>
</html>

 

CSS

*{
margin: 0;
padding: 0;
}

body{
text-align: center;
font-family: Arial, "Trebuchet MS", Verdana;
font-size: 14px;
margin-top: 1.5em;
margin-bottom: 1em;
}

body , html{
height: 100%;
}

#wrap{
margin: 0 auto;
width: 782px;
min-height: 100%;
height: auto !important;
height: 100%;
}

#header{
height: 110px;
width: 780px;
border: 1px solid grey;
}

#content{
width: 633px;
min-height: 100%;
height: auto !important;
height: 100%;
padding: 5px;
float: left;
border-left: 1px solid grey;
text-align: left;
}

#content p{
margin: 0;
padding: 0 0 1.5em 0;
}

#right{
width: 135px;
min-height: 100%;
height: auto !important;
height: 100%;
float: right;
border-right: 1px solid grey;
border-left: 1px dashed grey;
text-align: right;
}

#footer{
height: 15px;
width: 780px;
clear: both;
border: 1px solid grey;
}

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...