Úsztatott objektumok

Úsztatott objektumokra vonatkozó szabályok

Minden olyan doboznak, amely egy úsztatott objektumhoz tartozik, a szélessége egyértelműen megadott kell legyen. Ez történhet a dobozt létrehozó elem width tulajdonságával, vagy ha egy képről van szó például (tehát egy kicserélt tartalmú – replaced element – elemről), akkor a tartalomnak kell egyértelmű szélességgel rendelkeznie.

Minden úsztatott doboz blokk-doboz lesz, amely a bal vagy a jobb oldalra tolódik egészen addig, míg a doboz külső széle a tartalmazó doboz belső éléhez vagy egy másik úsztatott doboz külső széléhez nem simul. Az úsztatott doboz teteje annak a sordoboznak a tetejéhez kerül, amelybe került volna a doboz, ha nem kerül ki a normál szövegmegjelenítésből, illetve ha ez nem határozható meg – mert például blokk-doboz volt eredetileg is –, akkor az előző blokk-doboz aljához. Amennyiben nincs elegendő hely az adott sordoboz mellett, akkor az úsztatott doboz sorról-sorra tolódik lefelé, amíg olyan helyre nem kerül, ahol már megjeleníthető.

Mivel az úsztatott objektumok kikerülnek a normál megjelenítésből, így a külön nem pozicionált dobozok úgy kerülnek függőlegesen egymás alá, mintha az úsztatott objektum nem is létezne. Azonban a dobozok megjelenítésére rendelkezésre álló szélesség az úsztatott doboz szélességével csökken, emiatt az úsztatott objektum mellé kerülő sordobozok lerövidülnek.

A következő szabály az icon osztályba tartozó IMG elemeket balra úsztatja (0 méretű baloldali margóval):

A további példákat lásd a tulajdonságok ismertetésénél.

Milyen szabályok alapján fogja a böngésző az úsztatott objektum pontos helyét meghatározni?

Ezeket a szabályokat érdemes ismerni, hogy elérhessük, hogy a böngésző tényleg oda tegye a képünket vagy más úsztatott objektumunkat, ahol szeretnénk azt látni. A szabályok megtalálhatók a CSS2 szabványban, vagy onnan pontosan kimásolva – és magyarra fordítva – az úsztatást előíró float tulajdonság leírásában.