mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Mi 24.04.2024 20:38 Benutzername: Passwort: Auto-Login

Thema: Horizontale navigation verrutscht im IE 8 vom 02.03.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Horizontale navigation verrutscht im IE 8
Autor Nachricht
e-m.s
Threadersteller

Dabei seit: 02.03.2010
Ort: wien
Alter: -
Geschlecht: -
Verfasst Di 02.03.2010 21:05
Titel

Horizontale navigation verrutscht im IE 8

 Antworten mit Zitat Zum Seitenanfang
Hilfe,
bei meiner horizontalen Navi verrutscht der letzte link ca. 17px beim nach unten, aber nur bei IE 8, überall anders wird es korrekt dargestellt, auch im IE7. Seite auch schon im Validator überprüft - findet nichts.
Sitze schon seit ca. 6 Std. über dem Problem und habe keine Idee mehr, was ich noch machen kann.

zu sehen auf
http://ripeed.vanes.at/de-produktinfo.html

Codeauszug:
Code:
<div id="header1">
   <div id="logo1"><img src="Bilder/logo_small.gif" width="162" height="150" alt="logo" /></div>

       <div id="name1">
        <h1>DESIGN<span class="red">by</span>RIPEED</h1>
        <ul>
         <li><a href="index.html">&nbsp;HOME<br />&nbsp;</a></li>
         <li><a href="#">&nbsp;PRODUKTINFO &amp;&nbsp;DRUCKVERFAHREN</a></li>
         <li><a href="#">&nbsp;KONTAKT<br />&nbsp;</a></li>
         <li><a href="#">&nbsp;IMPRESSUM<br />&nbsp;</a></li>
   </ul>
      </div>
</div>


#wrapper1 #header1 {
   height: 160px;
}

#wrapper1 #header1 #logo1 {
   float:left; display:inline;
   height: 152px;
   width:    190px;
   padding-left: 10px;
   padding-top:   8px;
}

#wrapper1 #header1 #name1 {
   float:    left; display:inline;
   width:    780px;
/*   height: 145px;   */
   padding-top: 15px;   
}

#wrapper1 #header1 #name1 h1 {
   font-size: 40px;
   font-weight: bold;
   padding-left: 2px;
}

/*Horizontal-Navigation -----------*/
#wrapper1 #header1 #name1 ul {
   list-style-type: none;
   display:inline;
}

#wrapper1 #header1 #name1 ul li {
   background-image:url(Bilder/naviboxbig.jpg);
   background-repeat:no-repeat;
   float:left;
   display:inline;
   line-height: 20px;
   padding-left: 2px;
}
#wrapper1 #header1 #name1 ul li a {
   display:block;
   width:190px;
}

Bin für jede Anregung dankbar
LG

[edit]
Bitte [code]-Tags verwenden.

Zuletzt bearbeitet von Smooth-Graphics am Mi 03.03.2010 08:28, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
nicoG

Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht: Männlich
Verfasst Mi 03.03.2010 00:45
Titel

Antworten mit Zitat Zum Seitenanfang
Hi Lächel
ich kann dich deinem Leid erlösen *zwinker*
Gib der Liste einen margin:0 bzw. mach gleich einen kompletten REset der browsereigenen CSS-Definitionen (Such mal nach "css reset")
  View user's profile Private Nachricht senden
Anzeige
Anzeige
e-m.s
Threadersteller

Dabei seit: 02.03.2010
Ort: wien
Alter: -
Geschlecht: -
Verfasst Mi 03.03.2010 08:10
Titel

Antworten mit Zitat Zum Seitenanfang
Mit dem CSS reset funktioniert es !

Vielen, vielen Dank für den TIPP (wäre da nie selbst draufgekommen).

Grins Grins
  View user's profile Private Nachricht senden
 
Ähnliche Themen Horizontale Navigation mit CSS und DIV layern
css horizontale navigation im iexplorer 7 verschoben
CSS: IE6 und IE7 lassen horizontale Navigation verschwinden
horizontale Navigation mit verschiedenen Farben je Rubrik
iframe verrutscht
button verrutscht im firefox
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB