Försöker få en divtagg att dra ut sig om det nu behövs. IE förstår inte min-height, istället fungerar height som min-height fungerar i FF. Om du testar din kod med väldigt lite text så ser du att FF behåller 450px medans IE gör den så liten som möjligt. i IE så drar den ut Div taggen så den behöver inte minska textstorleken. Du kan banta din css en del.Få en DIV tag att dra ut sig när det behövs
Den information jag har ligger i en egen divtagg i den taggen jag vill att den ska töjas ut
#text {
width:740px;
min-height: 450px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
background-color: #ebdaae;
padding-left: 15px;
padding-top: 15px;
padding-bottom:5px;
padding-right:15px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-top-color: #666666;
border-right-color: #666666;
border-bottom-color: #666666;
border-bottom-style: solid;
}
Som ni kan se så har jag försökt lite. i IE så fungerar det perfekt medan FF så stannar den på 450px
html, body {
height: 100%;
width:100%;
}
Sv: Få en DIV tag att dra ut sig när det behövs
För att du ska få det bra så måste du göra nått typ av css-hack där den skickar height: 450px till IE och min-height: 450px till FF.
ThomasSv:Få en DIV tag att dra ut sig när det behövs
Tror jag löste det med
overflow:hidden;Sv: Få en DIV tag att dra ut sig när det behövs
<code>
<html>
<head>
<STYLE type=text/css>
div
{
width:740px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12pt;
background-color: #ebdaae;
padding: 15 15 5 15;
border: 1px solid #666666;
border-left:0;
overflow:auto;
}
</style>
</head>
<body>
<div >
<br>
Denna div anpassar höjden efter innehållet, ju mer innehåll desto högre blir den.
<br>
Denna div anpassar höjden efter innehållet, ju mer innehåll desto högre blir den.
</div>
</body>
</html></code>