Trådstart#1
Jag har en div som är 80% av body bredden, alltså vet jag inte det exata pixel värdet, denna vill jag centrera i webbläsaren så det blir 10% av bakgrundsfärgen lyser igenom, hur gör jag?
Centrera div som jag inte vet bredden på?
9 svar · 376 visningar · startad av mattias_ym
Ingen aning om detta blir som du önskar...
body {
text-align: center; /* för IE5 */
}
#wrap {
background: #ccc; /* ser inte vilken färg... */
}
#top {
height: 20px;
background: black;
}
#main {
width: 90%;
margin: 0 auto;
background: white;
text-align: left;
}
#bottom {
height: 20px;
background: black;
}
#main p {
margin: 0;
padding: 0;
}
<div id="wrap">
<div id="top"> </div>
<div id="main">
<p>Text... lorem ipsum *lol*. </p>
</div>
<div id="bottom"> </div>
</div>
Nej det blev det inte... 
Svart bakgrund ett grått lager (#666) som är centrerat vertikalt inuti i det ett vitt lager (#fff) som är centrerat horisontellt..
Din kod blev
svart
grått
svart
mattias_ym skrev:
Nej det blev det inte...
Svart bakgrund ett grått lager (#666) som är centrerat vertikalt inuti i det ett vitt lager (#fff) som är centrerat horisontellt..Din kod blev
svart
grått
svart
Kolla min redigering. Jag hann nog ändra när du skrev. 
Färgerna kan du ändra själv.
Jodå nu är fälten rätt men den är typ 60 pixlar hög...
mattias_ym skrev:
Jodå nu är fälten rätt men den är typ 60 pixlar hög...
Hur hög ska den vara då? Du sa ju bara flytande horisontellt.
Så här ska det vara...
html {
height: 100%;
}
body {
text-align: center; /* för IE5 */
height: 100%;
margin: 0;
padding: 0;
background: #000;
}
#wrap {
background: #666;
height: 90%;
margin: 30px 0 30px 0;
}
#main {
width: 90%;
height: 100%;
margin: 0 auto;
background: white;
text-align: left;
}
Men tack för hjälpen! Du fick mig på rätt spår!