• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Verschiebung des Navibereichs

Status
Für weitere Antworten geschlossen.
N

No0by

Neues Mitglied
Hallo,
ich habe auf meiner Homepage eine Verschiebung im Navi Bereich, die jedoch nur bei FF auftritt. Ich habe jetzt mehrere Varianten probiert, aber keine hat davon funktioniert.

Hier sind die Links zur Seite:

Navi in Tabelle: http://no0by.no.funpic.de/ONR/index.html
Navi in li + id in li: http://no0by.no.funpic.de/ONR/produkte.html
Navi in li + id in ul: http://no0by.no.funpic.de/ONR/projekte.html

CSS Datei: http://no0by.no.funpic.de/ONR/style.css

Ich hoffe ihr versteht was ich meine. Danke schonmal im voraus.

MfG No0by
 
In der index.html verschiebt sich bei mir nichts.
Bei den anderen schon.

mfg
 
dementius schrieb:
In der index.html verschiebt sich bei mir nichts.
Bei den anderen schon.

mfg
Zum Vergrößern anklicken....

dann benutz du wahrscheinlich IE? im IE wird das so dargestellt wie es sein sollte, aber im FF wird alles verschoben.
 
Oh verdammt, habe gedacht, ich wäre grad im FF unterwegs, war aber Opera :mrgreen:

Zumindest geht es im Opera.
 
Hi No0by

in der Index.htm hast du keine Liste in der Tabelle deshalb funktioniert diese, ist bei mir nämlich auch so.

Das Problem mit der Liste ist halt, dass du diese über CSS nicht richtig formatierst, deshalb auch die Verschiebungen. Schmeiß das gesamte Design einfach weg und nehme dieses Musterdesign ohne Tabellen von CSS4You. :lol:
LINK: http://www.css4you.de/wslayout1/ex0003.html

Gruß
Hobbyuser
 
No0by schrieb:
aber kannst du mir trotzdem sagen, was ich bei index.html falsch gemacht habe? Also ich meine jetzt in der CSS Datei.
Zum Vergrößern anklicken....
NEIN! :shock:

Der Grund dafür ist, dass die Index.htm ja richtig angezeigt wird.
In den anderen Dateien (Projekte, Produkte, etc.) verschiebt sich die Navigation, duch den Einsatz der Liste. Diese erzeugt Zeilenumbrüche und ein Margin auf der linken Seite, welches du über CSS hättest ausgleichen müssen. :roll:
 
hobbyuser schrieb:
NEIN! :shock:

Der Grund dafür ist, dass die Index.htm ja richtig angezeigt wird.
:roll:
Zum Vergrößern anklicken....

Eben nicht, es wird nur in Opera und im IE richtig angezeigt, aber nicht bei FF.
Oder steh ich jetzt total auf der Leitung?
 
No0by schrieb:
Eben nicht, es wird nur in Opera und im IE richtig angezeigt, aber nicht bei FF.
Oder steh ich jetzt total auf der Leitung?
Zum Vergrößern anklicken....
Jain. :lol:

Auch im Safari und iCab (Mac Browser) wird die Index.htm richtig angezeigt. Beim FF bzw. Camino unter Mac wird es fast richtig angezeigt. Hier ist die Nav-Tabelle ein wenig Breiter weil die Breite wohl unterschiedlich berechnet wird. Ich denke der Fehler tritt auf weil du sowohl die TDs als auch As mit der ID "nav" versehen hast, was natürlich verboten ist. Denn eine ID muss einmalig sein.

Wäre dir sicherlich beim validieren aufgefallen. :wink:
 
Das hab ich jetzt soweit verstanden :lol:
Mir ist es selber vorher schon aufgefallen, doch ich habe es nicht ganz ernst genommen. Jetzt habe ich nur die Tabelle definiert, doch jetzt gibt es ein totales durcheinander. Was ist jetzt schon wieder falsch?

mfg No0by
 
So letzte Antwort, ich habe dir schließlich oben schon eine Musterlösung an die Hand gegeben. :-P
No0by schrieb:
Jetzt habe ich nur die Tabelle definiert, doch jetzt gibt es ein totales durcheinander. Was ist jetzt schon wieder falsch?
Zum Vergrößern anklicken....
Du hast der Tabelle die ID "nav" gegeben.
HTML: 
<table style="text/css" cellpadding="0" cellspacing="0" id="nav">
Jedoch steht in deiner CSS Datei für "#nav" die Eigenschaft "float:left;", somit versucht der Inhalt die Navigation zu umfließen und ist deshalb so weit rechts.

So und nun nimm die Musterlösung oder lern HTML und CSS.
 
oh mein gott bin ich .. (jeder darf sich sein teil denken)
Da hab ich gar net mehr dran gedacht das ich dies noch stehen habe.

Danke vielmals!

mfg
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben