9 svar · 396 visningar · startad av Mannen
Tjenare
Sökte lite men hittade inget, kanske använde fel sökord.
Jag vill sätta in div till att vara tex 400 px även om innehållet bara gör så att det är 200px.
Men om innehållet gör att det blir 600 px ska heighten "flyttas med". Detta borde inte vara så svårt?!
Tack på förhand.
Du kan använda min-height. IE förstår inte det, men tillämpar felaktigt height som min-height.
div {min-height: 400px;}
* html div {height: 400px;}
Jag är inte tillfredställd med resultatet. IE verkar fatta hur jag vill ha det men i FF så blir diven kortare än vad innehållet (texten) i diven är => bakgrunden slutar innan texten.
Finns det inget fiffigt sätt?
Jo, det ska funka.
Du får nog länka till sidan eller lägga upp all koden här.
Du får nog köra med sånna där fula villkorliga kommentarer, dvs. "Om det är IE, kör med height."
<!--[if IE]>
height: 400px;
<![endif]-->
conditional comments måste man använda utanför STYLE-elementet.
Mannen skrev:
Jag är inte tillfredställd med resultatet. IE verkar fatta hur jag vill ha det men i FF så blir diven kortare än vad innehållet (texten) i diven är => bakgrunden slutar innan texten.
Finns det inget fiffigt sätt?
Har du kanske en URL eller lite kod från sidan så kanske vi kan hjälpa dig bättre. :OO
mv icaaq
Kanske gör helt fel. Här kommer iaf lite kod som jag hoppas underlättar.
Kör en vanlig div tag.
<div id="container">En massa innehåll!</div>
I CSS filen har jag detta för detta id:
#container {
width: 690px;
position: absolute;
left: 50%;
margin-top: 30px;
margin-left: -375px;
border: 1px solid #CBCBCB;
color: #000;
background-color: #FFFFFF;
clear: left;
min-height: 200px;
height: 200px;
}
Problemet blir i FF och Opera, ej IE.
Skickar även med en bild som illustrerar problemet.
[red]
#container
{
width: 690px;
position: absolute;
left: 50%;
margin-top: 30px;
margin-left: -375px;
border: 1px solid #CBCBCB;
color: #000;
background-color: #FFFFFF;
clear: left;
min-height: 200px;
}
* html #container
{
height: 200px;
}
[/red]
mv icaaq