May 6, 2002
![sp_UserOfflineSmall](https://nordichardware.se/wp-content/sp-resources/forum-themes/reboot/images/darkpack/sp_UserOfflineSmall.png)
Testa detta istället och ändra värdena så dom passar dig:
div.container{
margin-left:auto;
margin-right:auto;
background-color:#B3B3B3;
overflow: hidden;
position: absolute;
width: 800px;
height: 100%;
left: 15%;
}
Släng in
så blir det fint i IE också. För jag gissar att det är så du vill ha det, utan marginaler.August 28, 2003
![sp_UserOfflineSmall](https://nordichardware.se/wp-content/sp-resources/forum-themes/reboot/images/darkpack/sp_UserOfflineSmall.png)
Tack, det var "absolute" som gjorde det.
Så här blev det, då jag vill ha den centrerad:
div.container{
position:absolute;
height: 100%;
width: 76%;
left: 12%;
margin-top: 0px;
margin-bottom: 0px;
margin-left:auto;
margin-right:auto;
background-color:#B3B3B3;
overflow: hidden;
}
January 25, 2004
![sp_UserOfflineSmall](https://nordichardware.se/wp-content/sp-resources/forum-themes/reboot/images/darkpack/sp_UserOfflineSmall.png)
Jag tycker för snyggast och smidigaste att man gör så här:
*{ //Ser till att nollställa för Alla element så det ser lika ut i alla läsare.
margin:0px;
padding:0px;
}
html, body { //Fixar så att höjden verkligen kan vara 100% i alla läsare.
height:100%;
}
div.container{
height: 100%;
height: auto; !importent; //IE kan inte läsa denna rad. Fixar problem i FF o Opera, om all text inte får plats på sidan
min-height: 100%;
width: 76%;
margin: 0 auto; //Slå ihop det på en rad. När 0 används så behövs inte px osv.
background-color:#B3B3B3;
overflow: hidden;
}
Nu är inte detta testat men borde fungerar, tror jag 😛
EDIT: Aha, nu ser jag att du har overflow hidden, så då är importent grejen o min-height onödigt.
December 26, 2003
![sp_UserOfflineSmall](https://nordichardware.se/wp-content/sp-resources/forum-themes/reboot/images/darkpack/sp_UserOfflineSmall.png)
okey_sure: typo, det borde stå !important, inte !importent... 😉 [ins] dessutom ska det vara före ";" [ins] dessutom 😉 är "/* */" kommentarer i CSS, inte "//" [/ins] [/ins]
F.ö. skulle jag inte använda !important-hacket eftersom du vet inte hur IE7 kommer bete sig. Det enda som behövs är conditional comments. 🙂
January 25, 2004
![sp_UserOfflineSmall](https://nordichardware.se/wp-content/sp-resources/forum-themes/reboot/images/darkpack/sp_UserOfflineSmall.png)
zcorpan wrote: okey_sure: typo, det borde stå !important, inte !importent... 😉
Hehe det stämmer =).
zcorpan wrote:
F.ö. skulle jag inte använda !important-hacket eftersom du vet inte hur IE7 kommer bete sig. Det enda som behövs är conditional comments. 🙂
Antingen kommer den fortfarande inte fatta det, eller så kommer den troligtvis göra som de andra läsarna. Fast iofs, med ms vet man ju aldrig. De har ju själv gått ut med att de inte kommer följa CSS2.0 helt, även då de är med och utvecklar det...vilket skämt.
Om man nu inte vill använda important hacket så kan man köra med
.box{
height:100px;
}
*>.box{ //detta fattar inte ie.
height:50px;
}
Och detta kan MS inte misslyckas att göra så det inte fungerar om de lägger in det i IE7
December 26, 2003
![sp_UserOfflineSmall](https://nordichardware.se/wp-content/sp-resources/forum-themes/reboot/images/darkpack/sp_UserOfflineSmall.png)
IE7 Beta 2 har redan stöd för samtliga selektorer i CSS2.1, har de lovat. Dock har jag inte sett att de implementerat height och min-height korrekt ännu. Så som det ser ut nu är det högst troligt att "*>selector"-hacket slutar fungera i IE7.
January 25, 2004
![sp_UserOfflineSmall](https://nordichardware.se/wp-content/sp-resources/forum-themes/reboot/images/darkpack/sp_UserOfflineSmall.png)
zcorpan wrote: IE7 Beta 2 har redan stöd för samtliga selektorer i CSS2.1, har de lovat. Dock har jag inte sett att de implementerat height och min-height korrekt ännu. Så som det ser ut nu är det högst troligt att "*>selector"-hacket slutar fungera i IE7.
Då får vi hoppas att de lyckats implementerat min-height osv ordentligt.
1 Guest(s)
![sp_Information](https://nordichardware.se/wp-content/sp-resources/forum-themes/reboot/images/darkpack/sp_Information.png)