Orlando: <div>s nebeneinander

Beitrag lesen

Hi Peter,

Wie kann ich erreichen dass in folgendem CSS-designten Menue die Menuepunkte nebeneinander angeordnet werden?

mit float:

http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float
 http://www.w3.org/TR/CSS21/visuren.html#propdef-float

Ich habe es öfter mal gesehen und die <div>'s sind dabei Blockelemente geblieben...

Das ist kein Problem, wenn du ihnen eine Breite zuweist.

<div id="navigation">
 <div id="tabs">
  <div id="tab1"><a href="#1">Menue1</a></div>
  <div id="tab2"><a href="#2">Menue2</a></div>
  <div id="tab3"><a href="#3">Menue3</a></div>
 </div>
</div>

#tabs div { width:...; float:right }

Die dritte Ebene der <div>s kannst du weglassen und die entsprechenden Formatierungen für <a> selbst vornehmen.

Eine andere Möglichkeit wäre

#tabs div { display:inline; }

Allerdings gibt's da eventuell unerwünschte Nebenwirkungen.

Grüße,
 Roland