Dlaczego w firefoxie ostatni blok, zamiast płynąć na drugi, jest lokowany w środku pozostałego obszaru? IE 6.0 i Opera 8.5 wyświetlają poprawnie. Jak na gruncie zgodności ze standardami wyjaśnić takie zachowanie tej superprzeglądarki?
- Kod: Zaznacz cały
body {
margin:0;
padding:0;
width:100%;
height:100%;
}
div
{
margin:0px;
padding:0px;
}
div.bloki
{
border:1px solid #000000;
margin:0px;
padding:0px;
width:33.1%;
height:99.6%;
}
#b1
{
float:left;
background-color:#aaffcc;
}
#b2
{
float:left;
background-color:#aaeeee;
}
#b3
{
float:left;
background-color:#aaccff;
}
- Kod: Zaznacz cały
<div id="cont" style="display:block;height:100px;width:100%;padding:10px 0 10px 0;background-color:#ff0000;" >
<div class="bloki" id="b1">Although there are many problems that neural networks are not suited towards there are also many problems that a neural network is quite adept at solving.</div>
<div class="bloki" id="b2">Although there are many problems that neural networks are not suited towards there are also many problems that a neural network is quite adept at solving.</div>
<div class="bloki" id="b3">Although there are many problems that neural networks are not suited towards there are also many problems that a neural network is quite adept at solving.</div>
</div>
) i wkleiłem twój kod do szablonu strony z deklaracją XHTML1.0strict - zobaczyłem trzy ładne, równe bloki na swoich miejscach.
