Kirjautuminen
Tehtävät
Kilpailu
5. kierros:
28.11. klo 18 – 30.11. klo 23
Olen tehnyt seuraavanlaisen viritelmän:
<html>
<head>
<style type="text/css">
#tausta {
width: 500px;
background-color: #D7D68A;
}
#vasendiv {
width: 200px;
float:left;
}
#oikeadiv {
width: 300px;
float:left;
}
</style>
</head>
<body>
<div id="tausta">
<div id="vasendiv">Pälä pälä pälä pälä.</div>
<div id="oikeadiv">Pälä Pälä Pälä Pälä Pälä Pälä.</div>
</div>
</body>
</html>Koodini toimii hyvin IE:llä, mutta Firefoxilla "tausta" divi ei näy takana,
joka johtuu tuosta float:left; istä. Miten tuo olisi korjattavissa, jotta koodi toimisi myös FF:llä?
IE tekee tässä tapauksessa omiaan eikä toimi oikein, mutta toisaalta se ei tue myöskään seuraavaa, toisin kuin kaikki muut selaimet (Firefox, Opera, Safari):
#tausta:after {
clear : both;
content : '';
display : block;
}Kiitän ;)
Aihe on jo aika vanha, joten et voi enää vastata siihen.