Warum zweizeiliges Menü?

**asp2php** · 05.11.2004, 08:34

ich vermute aufgrund von Platzmangel, das Problem hatte ich auch schon mal, der IE interpretiert irgendwie etwas anders

**mrhappiness** · 05.11.2004, 08:39

ich habe nach rechts nochmal doppelt so viel platz wie das menü im IE breit ist, dadran sollte es nicht liegen...

**asp2php** · 05.11.2004, 08:43

mach mal 'ne Probe und stellt den linken Padding-Wert auf 5px anstatt 10px. Wird besser?

**mrhappiness** · 05.11.2004, 08:49

das menü verschiebt sich nach links, bleibt aber immer noch genauso zweizeilig

wenn ich dem menü einen wert für width verpasse, dann geht's aber da das ding mehrsprachig ist, müsste ich dann für jede vorhandene sprache mit einem eigenen em-wert rumhantieren und da die beschriftung für die links sich zu allem überfluss ja auch so mal ändern kann und weil es ruhig umbrechen kann wenn nicht genug platz für die einzeilige darstellung vorhanden ist... wäre mir eine andere lösung lieber

**asp2php** · 05.11.2004, 08:54

Hm... kann man online sehen?

**Wurzel** · 05.11.2004, 08:54

welchen doctype verwendest du? ... mit "transe4" macht es mein ie ... zumindest einzeilig

**mrhappiness** · 05.11.2004, 09:04

nein, nur hier im anhang

habe gemerkt, dass es mit der länge der überschrift zu tun hat

in der seite sind zwei <h1> drin, das kurze ist auskommentiert.
wenn du das kurze einkommentierst und das lange auskommentierst, dann sieht's so aus wie gewünscht bei mir

aber warum?

Angehängte Dateien

ie.zip (1,9 KB, 50x aufgerufen)

**asp2php** · 05.11.2004, 09:10

pack die Sachen in div rein, dann hast du keine Probleme

Code:

<body>
<div>
<h1>HEADLINE</h1>
<h1>HEADLINE HEADLINE HEADLINE HEADLINE</h1>
</div>
<div>
<ul id="mainnav">
	<li><a href="./" class="aktiv">home</a></li>
	<li><a href="./login">Anmelden</a></li>		
	<li><a href="./signup">Registrieren</a></li>			
	<li><a href="./ticket">Ticket</a></li>		
	<li><a href="./contact">Kontakt</a></li>	
	<li><a href="./admin">Administrationsmen&uuml;</a></li>	
</ul>
</div>

**mrhappiness** · 05.11.2004, 09:20

gehen tät's schon aber ich müsste dem div einen rahmen in der hintergrundfarbe verpassen, weil die seite sonst etwas anders aussieht (lücke zwischen überschrift und menü), abgesehen davon ist das menü dann auch etwas weiter links als die überschrift

wenn den restlichen html und css gurus nix mehr einfällt, werd ich mich wohl damit zufriedengeben müssen, auch wenn's mir nicht gefällt, elemente einfach mal in divs zu verpacken

die frage nach dem warum interessiert mich aber auf jeden fall immer noch

**asp2php** · 05.11.2004, 09:29

gefällt dir das hier? wenn ja sage ich dir dann was sich ändert

Angehängte Dateien

happy_ie.gif (16,2 KB, 96x aufgerufen)

**mrhappiness** · 05.11.2004, 09:33

danke, aber

- mir gefällt die lücke zwischen überschrift und menü nicht und
- das menü sollte wenn möglich nicht unbedingt über die ganze seite gehen

**wahsaga** · 05.11.2004, 11:36

du arbeitest viel mit float, aber oftmals, ohne auch eine breite explizit anzugeben - das ist aber erforderlich (vorgeschrieben), ansonsten sind die ergebnisse undefiniert.

hab mal ein bisschen mit deinem code herumgespielt, und ein paar sachen geändert.

das formular habe ich vor die <h1>-überschrift gestellt, um es dann nach rechts zu floaten.

<h1> wird überhaupt nicht mehr gefloatet, dadurch geht der untere rahmen auch unter dem suchformular durch. sieht noch etwas unschön aus, könnte aber durch ein geeignetes margin-right behoben werden. und im opera könnte die überschrift vielleicht noch etwas mehr abstand von oben vertragen, weil das formular dort etwas kleiner ist, und der untere rahmen der überschrift es so unten durchkreuzt.

beim <ul> der hauptnavigation habe ich clear und float ganz rausgeschmissen, dafür aber display:inline gesetzt, um deiner anforderung, dass es nicht über die gesamte breite gehen soll, nachzukommen.

noch nicht perfekt, aber vielleicht als ansatz zum weiter experimentieren ...?

http://wazgnuks.net/misc/mrhappiness.htm

**mrhappiness** · 05.11.2004, 11:42

wenn ich den rahmen unter der überschrift noch mit der überschrift an sich aufhören lassen kann, ist das shconmal ein guter ansatz zum weitermachen.

danke, ich schau mal

**wahsaga** · 05.11.2004, 11:44

Original geschrieben von mrhappiness
wenn ich den rahmen unter der überschrift noch mit der überschrift an sich aufhören lassen kann, ist das shconmal ein guter ansatz zum weitermachen.

na ja, display:inline auch noch für die überschrift wäre nicht so ideal, da dir dann ggf. auch das menü wieder hochrutscht.

am einfachsten wäre es wohl, den text innerhalb der überschrift nochmals in einen <span> zu packen, und nur dem dann unten einen rahmen zu verpassen ...

Warum zweizeiliges Menü?