Problem mit FireFox 10

[Mc Clane]

Hallo. Ich habe ein Problem mit dem Firefox 10. Meine selbsterstellte Webseite Alverdissen wird von dem FF falsch angezeigt. Die Überschriften (webseite im aufbau...) der einzelnen Hauptmenülinks wie "Home" oder "Kontakt" werden rechts neben den Hauptmenülinks angezeigt? Warum? Ich habe extra die Weite der Links in einer Tabelle auf 100% eingestellt und die einzelnen Buttons haben alle zusammen 100%.

Und nebendem zeigt der FF den Inhalt von z.b "Freizeit" ganz unten erst auf der Seite an, im internet Explorer ist das ganz normal in der Mitte.... warum?

Wäre nett wenn mir jemand helfen könnte.

P.S.: Den Quellcode habe ich von Hand geschrieben, also keine besonderen Editoren verwendet.

Bearbeitet 17. Februar 2012 von Mc Clane

[Mc Clane]

Das mit den Überschriften habe ich nun hinbekommen. Ich musste in der Css die class von der Überschrift ändern. Statt float:left --> float:none

[Mc Clane]

okay... habe das jetzt doch hinbekommen.... aber.... sobald ich unter die linke Linkseite falle, rückt der Main part nach links... warum? (Alverdissen) ganz nach unten scrollen.... aber bei der Seite hier nicht: (Alverdissen)... ich versteh die welt nicht mehr -.- hier der css code: body {

font-size: 100.01%;

margin: 0;

background-image:url(../Bilder/hintergrund.png);

padding: 0;

color: #000;

}

p {

font-size:+18;

margin: 1em; }

ul, ol, dl {

padding: 0;

margin: 0;

}

h1, h2, h3, h4, h5, h6, p {

margin-top: 0;

padding-right: 15px;

padding-left: 15px;

}

a:img {

border: none;

}

a:link, a:visited {

color: #333222;

text-decoration: none;

}

a:hover, a:active, a:focus {

text-decoration: none;

}

#index {

margin: 0 auto;

}

ul.links {

list-style: none;

margin-bottom: 5px;

}

ul.links a, ul.links a:visited {

padding: 5px 5px 5px 15px;

text-decoration: none;

}

#unterseite {

padding: 10px 0;

position: relative;

clear: both;

}

#untermain {

float:left;

}

#unterlinks {

padding: 5px 5px 5px 15px;

float:left;

display:block;

list-style: none;

margin-bottom: 5px;

}

#untermain1 {

float:left; <-- wenn ich das mache, dann schreibt er den ganzen kram, der in der Mainseite ist nach ganz unten.

}

#unterlinks1 {

padding: 5px 5px 5px 15px;

float:left;

display:block;

list-style: none;

}

#unterlinks2 {

padding: 5px 5px 5px 15px;

float:right;

display:block;

list-style: none;

}

[127.0.0.1]

kennst du die firefoxerweiterung firebug? solltest du dir mal runterladen... damit kannst du live den css ändern und siehst sofort, was passiert.

es gibt noch eine coole erweiterung: den web-developer. damit siehst du auch bei kascadierten css die abhängigkeiten. vermutlich wird eine eigenschaft von einer anderen überschrieben..