webForumDet fria alternativet

Positionering

8 svar · 348 visningar · startad av rikard81

rikard81Medlem sedan mars 2007357 inlägg
#1

Vad är det för fel på positionerna av dom här divboxarna? Jag kanske är petig men mittboxen sticker ut 1px åt höger av någon skum anledning?

body {background-color: red; }

#sida {
width: 800px;
height: 600px;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
}

#sidhuvud {
background-color: gold;
width: 800px;
height: 150px;
border: black 1px solid;
}

#sidhuvud h1 {
margin: 0;
}

#innehallsforteckning {
background-color: yellow;
width: 200px;
height: 400px;
float: left;
border-right: black 1px solid;
border-left: black 1px solid;
}

#mittbox {
background-color: lightgreen;
width: 600px;
height: 400px;
overflow: auto;
float: right;
position: absolute;
}

#mittbox h2 {
margin-left: 40px;
}

#mittbox p {
margin-left: 40px;
}

#fot {
background-color: pink;
width: 800px;
height: 50px;
border: black 1px solid;
}

voigtann1Medlem sedan juni 20018 810 inlägg
#2

1. Använd [kod] taggen.
2. Vilken webbläsare använder du?

rikard81Medlem sedan mars 2007357 inlägg
#3

Vart använder jag kod-taggen någonstans?

Jag använder IE7

voigtann1Medlem sedan juni 20018 810 inlägg
#4

kod taggen använder du på koder css/html/asp osv...

rikard81Medlem sedan mars 2007357 inlägg
#5

Okey men vad kan felet ligga?

voigtann1Medlem sedan juni 20018 810 inlägg
#6

Om du har en border så räknar IE som + width på din border.. vilket är fel..

rikard81Medlem sedan mars 2007357 inlägg
#7

men vad använder jag då istället för border??

voigtann1Medlem sedan juni 20018 810 inlägg
#8

Du får ta -width*2 på din border istället på width i IE men inte i Firefox:

* body #sida { width:98px /* 100 med 1x pixel border */}
zcorpanMedlem sedan dec. 20042 269 inlägg
#9

Den där regeln appliceras nog också i Firefox.

Genererad på 370 ms · cache AV · v20260730165559-full.f96bc7eb