Log In
Home
August 28, 2003
Offline
Varför fungerar inte detta?
div.container{
margin-left:auto;
margin-right:auto;
background-color:#B3B3B3;
overflow: hidden;
height: 100%;
width: 75%;
}
Jag vill alltså ha en fyrkant som bara lämnar marginaler på sidorna. Bredden fungerar men inte höjden?
May 6, 2002
Offline
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
Offline
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;
}
May 6, 2002
Offline
Yep, glöm inte
bara annars har man den fulstygga marginalen i IE.
December 26, 2003
Offline
padda wrote: Yep, glöm inte
bara annars har man den fulstygga marginalen i IE.
Använd
html, body { margin:0; padding:0; }
istället. 🙂
January 25, 2004
Offline
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
Offline
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
Offline
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
Offline
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
Offline
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)
