float && FireFox

Ale funguje.

Musí.

Co ti nefunguje?

Co takhle dát sem link na tu "zlobivou" stránku ať to vidíme celé.
Jinak float v mozille funguje a to celkem výborně, na rozdíl od JESPRu :-)

jak na to koukám, tak bych se vsadil, že se ti to kreslí pod sebe, protože to celé zavíráš do divu se šířkou 700px. Chybí tam pak čtyři pixlíky na bordery.

pyty: na akom rozlíšení to robíš, nedalo by sa to urobiť v "%"?

pyty: prepáč, že sa vnucujem, ale napíš to takto:

<div style="float: left; width: 500px; border: 1px solid red">
bal bla lbal lablsdklsfh; df
</div>

<div style="float: right; border: 1px solid green; width: 200px">
ahoj aho jaoho jaskldfas dfsdsdaf
</div>

alebo:
<div style="float: left; width: 400px; border: 1px solid red">
bal bla lbal lablsdklsfh; df
</div>

<div style="float: right;border: 1px solid green; width: 200px">
ahoj aho jaoho jaskldfas dfsdsdaf
</div>

... a pozri, či Ti to Firefox zoberie...

:-)

vykaslem sa na float aj absolutne poziciovanie divov, spravim to starou dobrou tabulkou....

zmeň na

vykaslem sa na starú dobrú tabulku , spravim to floatom a absolutne poziciovaným divom....

:-\

Fixing Different Box Models

There are a couple ways to fix this behavior. One involves nested DIVs and applying styles selectively to each DIV. A more elegant solution is to make Firefox behave like IE by forcing its box sizing algorithm to emulate IE with the following proprietary code:

* {
-moz-box-sizing: border-box;
}

The CSS above uses the universal selector (asterisk or "*") to force Firefox to behave like IE and add borders and padding to the inside of the DIV instead of the outside. The resulting header and box combination now aligns perfectly in IE and Firefox (see Figure 5).