Strekke div helt ut til kantene

[Dane]

Har 2 diver oppå hverandre, med svart bakgrunn i body. og hvit bakgrunn i divene. Hvordan får jeg strukket divene helt ut til kantene slik at jeg ikke får svart på sidene, men bare på topp og bunn

 

Link

[Steinmann]

html, body {
width: 100%;
height: 100%;
}
div {
width: 90%;
height: 100%;
margin: 0 auto;
}

[endrebjo]

body, html {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

#head {
widht: 100%;
}

#body {
width: 100%;
}

Endret 10. september 2005 av endrebjorsvik89

[Dane]

takker

[Steinmann]

Jeg antok selvfølgelig at man hadde

* {

margin: 0;

padding: 0;

}

på toppen.

Din kode vil ikke gi sorte striper på siden Endre.

[potetskrell]

body, html {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

#head {
widht: 100%;
}

#body {
width: 100%;
}

må bare få skutt inn at

 

body, html {
width: 100%;
padding: 0;
margin: 0;
}

#head {
widht: 100%;
}

#body {
width: 100%;
}

 

er kortere og det samme.

 

Edit: Og at når du gjør det slik som endre må man ta med bottom og top også..

Endret 10. september 2005 av Ingardj

[Steinmann]

poenget var jo at han skulle ha sorte striper på siden da

[endrebjo]

poenget var jo at han skulle ha sorte striper på siden da

Nei.

Han skulle ikke ha striper på sidene. Kun på topp og bunn.

 

ingardj: Jeg skrev det slik for å ikke lage konflikt mellom eventuelle margin/padding-top/bottom-parametre han allerede hadde definert.

 

margin: 0; vil jo gi null margin på alle kanter.

[Haraldson]

ingardj: Jeg skrev det slik for å ikke lage konflikt mellom eventuelle margin/padding-top/bottom-parametre han allerede hadde definert.

Det er derfor man legger til universalregelen øverst i stilarket, slik at det ikke skal ha effekt på elementer som skal ha andre definerte verdier

[Steinmann]

ups by bad.

Men dere har alikevel ikke fixet problemet hans

 

* {
margin: 0;
padding: 0;
}
html, body {
width: 100%;
height: 100%;
}
div {
width: 100%;
margin: 2% 0;
height: 96%;
}

 

Det bør funke, teoretisk sett

[endrebjo]

Men dere har alikevel ikke fixet problemet hans

Der ser da riktig ut når jeg går inn på siden hans.

[Steinmann]

Egentlig ikke. Koden hans er jo helt bak mål!

Og den er 50px bredere enn den skal være

[endrebjo]

Med denne blir stripen hverken for kort eller lang.

* {
padding: 0;
margin: 0;
}

html {
width: 100%;
max-width: 100%;
}

body {
background-color: #000000;
text-align: center;
width: 100%;
}

#Head {
font-family: "Media Gothic";
font-size: 36px;
font-weight: 900;
color: #000000;
text-align: center;
padding-top: 100px;
padding-right: 100px;
background-color: #FFFFFF;
position: static;
width: auto;
margin: 50px auto 0;
}
#body {
padding-left: 100px;
background-color: #FFFFFF;
width: auto;
height: 300px;
margin: 0 auto;
}
#MainNav a:link, #MainNav a:visited, #MainNav a:active {
color: #FF0000;
text-decoration: none;
display: inline;
}
#MainNav a:hover, #MainNav a.current:link, #MainNav a.current:visited {
color: #000000;
}
#HomeNav {
color: #000000;
text-decoration: none;
}