div bereiche nebeneinander

[Dominik Krenner]

Salve!

ICh habe ein Problim ich will ein Meüerstellen und zwar so:

<div id="Navigatin">
     <div id="0">Home</div>
     <div id="1">Menü1</div>
     <div id="10">Eintrag1</div>
     <div id="11">Eintrag2</div>
</div>

das menü soll dann mit JavaScript immer am oberen seitenrand angezegt werden. (das kann ich auch.) nur sollten Home & Menü1 nebeneinander angezeigt werden, nicht untereinander. wenn ich den "Navigations"-Div bereich weglasse, funktioniert das auch, ich will das aber so. ist das möglich?

danke im voraaus, dominik krenner

[Zwomble]

versuchs mal so:
<div id="Navigatin">
     <span id="0">Home</span>
     <span id="1">Menü1</span>
     <div id="10">Eintrag1</div>
     <div id="11">Eintrag2</div>
</div>

ein div macht immer einen umbruch, deshalb bekommst du die beiden damit nie nebeneinader, es sei denn du würdest jeden div über ein css nebeneinander positionieren

ps: kenn dein js nicht, deshalb kann ich dir nicht sagen ob die "lösung" so funzt...
grüße zwomble

[wahsaga]

hi,

ein div macht immer einen umbruch, deshalb bekommst du die beiden damit nie nebeneinader, es sei denn du würdest jeden div über ein css nebeneinander positionieren

das ist eine sehr pauschale aussage, die z.b. die existenz der css-eigenschaft float vollkommen zu leugnen scheint.

gruss,
wahsaga

[Zwomble]

Hi wahsaga!

das ist eine sehr pauschale aussage, die z.b. die existenz der >>css-eigenschaft float vollkommen zu leugnen scheint.

was hat denn der float mit der positionierung zu tun?!?
ausserdem steht doch im gleichen satz wie es über styles geht. ein div ohne css/style erzeugt nun mal einen umbruch. kann ich ja auch nix für!
Grüße Zwomble

[wahsaga]

hi,

was hat denn der float mit der positionierung zu tun?!?

mein fehler - habe wahrscheinlich bei deiner aussage das wort "damit" überlesen; sie schien mir deshalb pauschal auszudrücken, dass man zwei divs ausschliesslich über position nebeneinander bekommen könnte.

gruss,
wahsaga

[Tim Tepaße]

Hallo Dominik,

ich muß mal ganz schnell nuretwas an mir aufgefallenem rummäkeln:

<div id="Navigatin">

Ist da vielleicht ein Schlechschreibfehler bei »Navigation«? Ich ärger mich
immer ziemlich, wenn ich dann entdecken muß, daß irgendwelche Probleme an
einem verrutschten Buchstaben liegen.

<div id="0">Home</div>

Hier ist ein eindeutiger Fehler. Die im Attribut id erlaubten Werte müssen
immer mit einem Buchstaben beginnen, siehe
http://selfhtml.teamone.de/html/referenz/attribute.htm#universalattribute
http://selfhtml.teamone.de/html/referenz/attribute.htm#id_idref_name

</div>

Bemerkung nebenbei: Ich hätte eine HTML-Liste zum Auszeichnen dieser Struktur
genommen und diese dann mit CSS so formatiert, wie ich es will. Warum? In
diesem Fall passt sie besser zum Inhalt als ein div ohne Aussagen. Tipps
zum Formatieren liefert dieser Artikel:
http://www.alistapart.com/stories/taminglists/

das menü soll dann mit JavaScript immer am oberen seitenrand angezegt
werden. (das kann ich auch.)

Schön, wenn Du auch immer darauf achtest, daß die Seite auch ohne Javascript
navigierbar bleibt. Die CSS-Angabe position:fixed ist ja leider in der
Praxis nicht einsetzbar.

nur sollten Home & Menü1 nebeneinander angezeigt werden, nicht
untereinander.

Das passiert, weil divs Blockelemente sind. Blockelemente produzieren einen
Zeilenumbruch, im Gegensatz zu Inlineelementen (wie z.B. <a>). Man kann
dieses Verhalten über CSS ändern, die Eigenschaft hierfür lautet display.
http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#display

Auch das von Wahsaga angesprochene float ist eine Möglichkeit, auch wenn -
meiner subjektiven Meinung nach - float meistens weitere Probleme in
komplexeren Szenarien nach sich zieht. Weswegen ich den Gebrauch vermeide.

wenn ich den "Navigations"-Div bereich weglasse, funktioniert das auch, (..)

Das finde ich komisch. Ich vermute, das liegt an anderen Umständen, wie
anderer Quellcode, HTML, CSS, JS, den Du uns vorenthalten hast. Ich denke
aber, das ist nicht weiter wichtig, Du dürftest jetzt genügend Tips
erhalten haben, um Dich etwas zu beschäftigen.

Tipp: Für einen neue Techniken immer erst in kleinen Testcases ausprobieren,
wegen des  Verständnisses, nicht bereits in einer kompletten Seite, da dann
dort zuviel reinspielt. Und dann die Bausteine zusammensetzen.

Tim

[Dominik Krenner]

Danke, der link für das css menü ist großartig!