Thomas J.S.: Positionierung

Beitrag lesen

Hallo,

Bei der horizontalen Ausrichtung, also wenn die Menüpunkte nebeneinander liegen sollen, dann kann ich dis einzeln ausrichten, indem ich in den Stylesheets für die IDs entsprechende Positionsangaben mache.

Meine Frage ist nun, ob es auch einfacher geht, weil die einzelne Positionierung eine ziemliche Frickelei ist. Die Frage ist nun: Geht es auch einfacher (so dass ich die 'id="item?"' weg lassen kann)?

Du kannst mit float und clear arbeiten http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#float

Eine Möglichkeit wäre display:inline. Dann kann ich aber keine einheitliche Breite angeben und ein margin-top:5px; bei der menuitem-Klasse oder padding-top:5px bei der menu-Klasse werden ignoriert.

Auch über display:table kriege ich es nicht hin.

div.menu { display:table-row; }
dv.menuitem  { display:table-cell; border:dashed 2px red; }

Opera kann das, Mozilla kann das richtig, aber der IE kann das nicht richtig.

Grüße
Thomas