FLOAT vs. DISPLAY:INLINE

[LaktoseKerl]

Hallo,

worin liegt eigentlich genau der Unterschied zwischen einem FLOAT und einem DISPLAY:INLINE Element?
Beide "zwingen" nachfolgende Elementen doch dazu, in der selben Zeile zu bleiben!

float: left/right;

"Element (...) wird (...) von nachfolgenden Elementen umflossen."

  
display: inline;

"Element wird im laufenden Textfluss angezeigt."

?

Danke,

LG,
Laktosekerl

[ChrisB]

Hi,

worin liegt eigentlich genau der Unterschied zwischen einem FLOAT und einem DISPLAY:INLINE Element?

Das sind zwei vollkommen unterschiedliche Dinge.

Beide "zwingen" nachfolgende Elementen doch dazu, in der selben Zeile zu bleiben!

Nein, das ist zu pauschal – und falsch – formuliert.

float: left/right;

"Element (...) wird (...) von nachfolgenden Elementen umflossen."

display: inline;

>   
> "Element wird im laufenden Textfluss angezeigt."  
  
inline-Elemente bleiben in der gleichen Zeilen-Box.  
Neben gefloateten Elementen können sich jedoch durchaus mehrere Zeilen-Boxen befinden.  
  
MfG ChrisB  
  

-- 
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

[Gunnar Bittersmann]

@@LaktoseKerl:

nuqneH

worin liegt eigentlich genau der Unterschied zwischen einem FLOAT und einem DISPLAY:INLINE Element?
Beide "zwingen" nachfolgende Elementen doch dazu, in der selben Zeile zu bleiben!

Was verstehst du unter Zeile?

<ul>  
  <li>foo</li>  
  <li>bar</li>  
  <li>Lorem ipsum dolor sit amet.</li>  
</ul>

inline:

│foo bar Lorem ipsum│  
│dolor sit amet.    │

float: left

│foo bar Lorem ipsum│  
│        dolor sit  │  
│        amet.      │

Und vielleicht interessiert dich auch inline-block.

Qapla'

[T-Rex]

inline-block.

Supa Link! Gud geschrieben! Hab sogar ich noch was gelernt *hust*.

Gruß
inline-T-Rex