Webseite Menu

[steffenhill]

Hallo,

ich bin derzeit an einer Homepage dran. Nur gelingt es mir nicht das Menu richtig anzeigen zu lassen.

Hier zwei Screens:

Ist-Zustand:
Charlie Coiffeur | Damen & Herren | Nrnbergerstrae 5 / 63450 Hanau

Das Menu soll aber neben den Logo nebeneinander angezeigt werden.

Ähnlich wie hier:
Lippert's Friseure: Home#

Nur das das Menu rechts neben den Logo sein soll..


Der Fehler tritt sowohl bei Ie als auch bei Chrome und Firefox auf ...

Hier der Ausschnitt aus der Css:

#header
{
 background-repeat:no-repeat;
 margin-bottom: 50px;
 width:174px;
 height:55px;
 width: 56%;
}
#navigation-container
{
 margin-top: -35px;
 padding-left: 365px;
 padding-bottom: 0px;
 padding-right: 0px;
 width:80%;
 height: 80px;
}
#navigation
{
 margin: 0px;
 width: auto;
}

 

[threadi]

Dann musst Du auch die Listenpunkte mit

display: inline;
float: left;

versehen. Damit sollte es auch im IE korrekt nebeneinander stehen. Über padding und margin müsstest Du dann noch für die Abstände sorgen.

Tipp: schau dir mal die Vorlagen-Seite im Firefox oder Chrome mit der Erweiterung Firebug an. Darüber kannst Du schnell sehen wie andere so ein Menü bauen.

Moderation: Verschoben von HTML zu CSS.

 

[ge_fabian]

btw: du solltest deinen Zeichensatz kontrollieren!

 

[ChillerT]

Es wäre auch ratsam, die eingebetteten Bilder kleiner zu komprimieren.
Ein Bild von 500kb läd unter Umständen langsamer und in der heuteigen Welt der Smartfones ist die Seite dann sehr benutzerunfreundlich.

Liebe Grüße,
ChillerT