Elemente werden nicht richtig angezeigt

[cwf]

Hallo!

Habt Ihr eine Ahnung wieso sich bei meiner Seite je nach Auflösung und verwendetem Broser mein Menü verschiebt bzw. rechts die Adresse nicht mehr angezeigt wird.....

www.berlin-java.de Freiberuflicher Java Programmierer Berlin

http://www.abload.de/img/bildschirmfoto-www.berbqa1.png

mfg
cwolf

 

[Silar]

cwf:
Sieht bei mir genau so aus, wie auf dem Screenshot. Habe Firefox. Zum Style allgm: Du könntest noch 1-2 Pixel Padding einbauen für die Schrift, da es etwas eng wirkt. Zum eigenen Problem kann ich nicht viel sagen, weil ich das Menü anders aufgebaut hätte(Vom CSS her).

 

[threadi]

Du hast einige grobe Schnitzer in deinem HTML-Code: [Invalid] Markup Validation of http://www.berlin-java.de/ - W3C Markup Validator (z.B. ein nicht beendetes <h2>). Korrigiere das erstmal.

 

[cwf]

shit hatte in meiner .css nen Fehler hatte da

#navigation ul li a {
display: inline-block;
white-space: nowrap;
width: 1px;
}

.....stehen

#navigation ul li a {
display: inline;
white-space: nowrap;
width: 1px;
}

so ist es besser. Aber nungut mit dem alten firefox hat es auch so geklappt ;)

Was sind das da alles für Fehler von der markup validation?

 

[threadi]

Schau sie dir doch an?! Wenn Du nichts verstehst: es gibt auch deutsche Validatoren.

 

[neuroleptika]

shit hatte in meiner .css nen Fehler hatte da

#navigation ul li a {
display: inline-block;
white-space: nowrap;
width: 1px;
}

width: 1px; ist der eigentliche Fehler.

Durch display: inline-block greift width:1px;
Als display:inline; hat width keine Auswirkung.

Entferne das width besser ganz oder schreibe auto als Wert.

... Aber nungut mit dem alten firefox hat es auch so geklappt ;)

Das war dann aber ein ff<3. Die kennen inline-block nicht (bleiben also bei display: inline).

 

[Efchen]

Habt Ihr eine Ahnung wieso sich bei meiner Seite je nach Auflösung und verwendetem Broser mein Menü verschiebt

Die Auflösung ist beim Erstellen von Websites irrelevant. Das hat nichts mit der Auflösung zu tun, sondern nur mit der Größe des Viewports, das ist der Bereich im Browser, in dem Deine Website dargestellt wird. Der ist eigentlich fast immer deutlich kleiner als das, was die Auflösung hergibt, und oft genug viel kleiner, weil man Fenster nämlich verkleinern kann.

Dann kann eine Website bei einer kleiner Auflösung auch einen größeren Viewport haben, als bei einer größeren Auflösung. Problemlos.