[martine]

Originally posted by serial@Apr 29 2006, 20:02
Har en omslutning kring några andra boxar för att kunna sätta en bakgrundsfärg på denna, problemet är att den bara expanderar i IE, inte i Firefox, vad är det jag gjort fel? Just nu har jag satt den på 1200px i höjd för att det ska fungera så länge.

#omslutning {
 * *background-color: #FFFFFF;
 * *width:	800px;
 * *height: 1200px;
 * *margin-left: auto; 
 * *margin-right: auto;
 * *border-bottom: #CCCCCC 1px solid;
 * *border-left: #CCCCCC 1px solid;
 * *border-right: #CCCCCC 1px solid;
}

Är det någon som vet så är jag tacksam

Jag vet inte hur css:en såg ut innan du satte height: 1200px;. men eftersom du satt fast bredd och höjd så kan den ju inte expandera! (IE expanderar ändå felaktigt alltid boxar så att allt får plats.)

Om du letar efter efter en möjlighet att ange en höjd på exempelvis 300px men vill att den ska bli längre om det behövs så kan du använda
min-height: 300px; som på css betyder att boxen ska vara 300px men om mer plats behövs för att få plats med allt innehåll så får boxen växa (upp till höjden angiven i max-height).

Eftersom IE har en egen idé om height så motsvarar commandot height i IE min-height i css (höjden skall vara åtminstone X pixlar hög). En lösning vore då alltså:

#omslutning {
 ** width:	800px;
 * *min-height: 300px;
 * *margin: 0 auto; 
 * *border: #CCCCCC 1px solid;
 * *border-top: none;
}
* html #omslutning {
 * *height: 300px; * * * * * */* specialregel enbart för IE, andra webläsare följer css-specificationen */
}

(jag stökade visst till din css-kod lite, blev lite kortare, men inte bättre , poängen är förstås att använda min-height)

Edit: Vad Björn menar förstår inte jag heller, varför, som sagt skulle man sätta float:left om man vill ha en centrerad sida, han kanske inte läste din fråga/kod ordentligt?