[GELÖST] Navigation Breite größer im IE6

Für Fragen und Diskussionen zum Layout und Design, Templates und Stylesheets sowie Themes
Post Reply
designxx
Forum Members
Forum Members
Posts: 25
Joined: Sun May 18, 2008 5:49 pm

[GELÖST] Navigation Breite größer im IE6

Post by designxx »

Hallo,

eine Seite von mir macht im IE 6 Probleme bei der Darstellung der horizontalen Navigation.
Der angeklickte Menüpunkt wird ganz breit dargestellt und rutscht auch etwas aus der eigentlich
Gesamtbreite der Navi.

Die Navigation soll so aussehen:
Image

So sieht sie im IE 6 aus:
Image
Image

Mein CSS-Code:

Code: Select all

* html #menu_horiz {
   height:1%;}

#menu_horiz {
   height:31px;
   width:1160px;
   left:50%;
   padding:0px;
   margin:0;
   margin-left:-570px;
   text-align:center;
   position:relative;
   border-left:#ffffff 1px solid;
   background-image:url(images/design/navih.jpg);}

#menu_horiz ul {
   background-image:url(images/design/navih.jpg);
   margin:0;
   padding:0px;
   height:31px;}

#menu_horiz li {
   list-style: none;
   margin:0;
   padding:0px;
   float:left;
   height:31px;
   background-image:url(images/design/navih.jpg);}

#menu_horiz li a {
   padding:0 25px 0 25px;
   margin: 0;
   text-decoration: none;
   background-image:url(images/design/navih.jpg);
   background-position:left;
   height:31px;
   color: #fff;
   display: block;}

#menu_horiz li a:hover {
   color:#fff;
   background-image:url(images/design/navih2.jpg);
   text-decoration: none;}

#menu_horiz a {
   display:block;
   float:left;
   line-height:31px;
   margin:0;
   padding:0 25px 0 25px;
   border-right:#ffffff 1px solid;
   font-size:14px;
   font-weight:normal;
   color:#ffffff;
   background-image:url(images/design/navih.jpg);}

#menu_horiz h3 {
   padding:8px 25px 0 25px;
   margin: 0;
   text-decoration: none;
   background-image:url(images/design/navih2.jpg);
   display: block;
   font-size:14px;
   border-right:#ffffff 1px solid;
   height:23px;
   font-weight:normal;
   color:#fff;}

#menu_horiz a.activeparent {
   background-image:url(images/design/navih2.jpg);}
Vielleicht hat ja jemand einen Tipp für mich :).

Vielen Dank im Voraus!

Liebe Grüße
Last edited by designxx on Mon Apr 06, 2009 1:28 pm, edited 1 time in total.
mike-r

Re: Navigation Breite größer im IE6

Post by mike-r »

Kann man so pauschal nichts dazu sagen, da nicht klar ist, welche Klassen/ Struktur bei den verschiedenen Zuständen gegeben ist.
Mal ins Blaue: der aktive (geklickte???) Menüpunkt ist h3 und dort hast Du kein Float definiert.
designxx
Forum Members
Forum Members
Posts: 25
Joined: Sun May 18, 2008 5:49 pm

Re: Navigation Breite größer im IE6

Post by designxx »

Tatsache! Das war ja mal eine schnelle Problemlösung ;). Da habe ich gar nicht dran gedacht... Vielen, vielen Dank!!!
Post Reply

Return to “Layout und Design”