Hjelp med CSS layout

theunkn0wn · 20. juli 2011

Hei, jeg er ganske ny innen webdesign og fulgte nylig en guide til å lage en eksempel layout.

Jeg møtte problemer på veien, legger til koden og håper noen kan finne ut hva jeg gjør feil i den. I tillegg har jeg tilføyd hvordan resultatet skal bli, og hvordan det ble til meg.

(bildene)..

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<title>CompanyName - PageName</title>

</head>

<body>

<div id="header"> Header </div>

<div id="sidebar-a"> Sidebar-a </div>

<div id="content"> Content </div>

<div id="footer"> Footer </div>

</div>

</body>

</html>

CSS:

html, body {

margin: 0;

padding: 0;

}

#page-container {

width: 760px;

margin: auto;

}

#main-nav {

background: red;

heigth: 50px;

}

#header {

background: blue;

heigth: 150px;

}

#sidebar-a {

background: darkgreen;

}

#content {

background: green;

}

#footer {

background: orange;

heigth: 66px;

}

mitt-resultat.bmp

ivanito · 21. juli 2011

Hei!

Alltid spennende med nye interesser. Grunnen til at alle divene dine har lik høyde er rett og slett en liten skriveleif Det skrives height og ikke heigth.

Incorrect: What is the heigth of this room?

Correct: What is the height of this room?

Lykke til videre

theunkn0wn · 21. juli 2011

Aha :o

Takk for hjelpen :-)

Logg inn

Hjelp med CSS layout

Anbefalte innlegg

theunkn0wn

Lenke til kommentar

Videoannonse

ivanito

Lenke til kommentar

theunkn0wn

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer