zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Verzweiflung! Mit IE6 bug

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 13.10.2009, 13:22
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.10.2009
Beiträge: 7
thecrazykaktus befindet sich auf einem aufstrebenden Ast
Ausrufezeichen Verzweiflung! Mit IE6 bug

Habe ein Header und in diesem Header ist ein Menü! Mein Problem ist die sich erweiternder Box im IE 5.5 sowie IE6! Normalerweise solte dieses Proplem mit display: inline; gelöst werden jedoch scheint das nicht bei mir zu funktionieren! Oder ich mache was falsch! Vielleicht kann mir hier einer helfen! Hier die Codeausschnitte!

Hier der HTML Quelltext

HTML-Code:
<div id="headerbg">
  <div id="headerblank">
    <div id="header">
      <div id="nav">
        <ul class="ul_border">
          <li><a href="" class="navon">home</a></li>
          <li><a href="#" >Gästebuch</a></li>
          <li><a href="#" >Trimmstube</a></li>
          <li><a href="#" >Links</a></li>
        </ul>
        <ul>
          <li><a href="#" >Sonstiges</a></li>
          <li><a href="#" >Zertifikate</a></li>
          <li><a href="#" >Kontakt</a></li>
          <li><a href="#" >News</a></li>
        </ul>
        <ul>
          <li><a href="#" >Impressum</a></li>
          <li><a href="#">Anfahrt</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>
Hier ist die CSS zum Header

Code:
 #headerbg {
  width:100%;
  height:309px;
  float:left;
  margin:0px;
  padding:0px;
  background-image: url(images/headerbg.jpg);
  background-repeat:repeat-x;
}
#headerblank {
  width:1004px;
  height:309px;
  float: none;
  margin:0 auto;
  padding:0px;
}
#header {
  width:1004px;
  height:309px;
  float: left;
  margin:0px;
  padding:0px;
  background-image:url(images/header.jpg);
  background-repeat:no-repeat;
}
und hier mein Menü

Code:
#nav {
  width:375px;
  float:left;
  margin: 170px 0 0 350px;
  padding:0;
}
.ul_border {
  padding-left:20px;
  border-left:1px solid #ffb039;
}
#nav ul {
  height:85px;
  margin-top:14px;
  margin-right:26px;
  float:left;
}
#nav li {
  margin-bottom:6px;
  list-style:none;
}
#nav a {
  font-family: "Times New Roman", serif;
  font-size:14px;
  color:#ffb039;
}
#nav a:hover, #nav a.navon {
  color:#ffffff;
}
Hoffe mir kann einer helfen!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 13.10.2009, 18:21
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.10.2009
Beiträge: 7
thecrazykaktus befindet sich auf einem aufstrebenden Ast
Frage

keiner ne lösung der fehler wird im ie gemacht d.h es werden zb. aus 100px anstand 200px
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 13.10.2009, 19:06
Benutzerbild von plastiko
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.12.2007
Ort: Hannover
Beiträge: 945
plastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblick
Standard

Double Float Margin Bug:
Code:
#nav {
   width:375px;
  float:left;
  margin: 170px 0 0 350px;
...
}
An dieser Stelle würde display: inline; helfen.
__________________
MfG
Jens
Mit Zitat antworten
  #4 (permalink)  
Alt 13.10.2009, 19:44
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.10.2009
Beiträge: 7
thecrazykaktus befindet sich auf einem aufstrebenden Ast
Standard

hm hab ich gemacht doch leider funktioniert es nicht
man woran das wohl liegt
Mit Zitat antworten
  #5 (permalink)  
Alt 13.10.2009, 20:14
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.10.2009
Beiträge: 7
thecrazykaktus befindet sich auf einem aufstrebenden Ast
Ausrufezeichen

Hier nochmal zur verdeutlichung als bilder

einmal ie 7 und ie 6 die unterschiede!
Angehängte Grafiken
Dateityp: jpg ie7.jpg (13,3 KB, 5x aufgerufen)
Dateityp: jpg ie6.jpg (12,5 KB, 7x aufgerufen)
Mit Zitat antworten
  #6 (permalink)  
Alt 13.10.2009, 20:28
Benutzerbild von plastiko
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.12.2007
Ort: Hannover
Beiträge: 945
plastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblick
Standard

display: inline für #nav.
Die Hintergrundbilder kann ich natürlich nicht sehen.
__________________
MfG
Jens

Geändert von plastiko (13.10.2009 um 20:31 Uhr)
Mit Zitat antworten
  #7 (permalink)  
Alt 13.10.2009, 21:18
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.10.2009
Beiträge: 7
thecrazykaktus befindet sich auf einem aufstrebenden Ast
Standard

habe das Problem gelöst!
ich muste aus dem #nav
das float: left entfernen!
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
IE6: 3px Bug in Paragraph 0xBAADFEED (X)HTML 3 04.02.2011 15:47
Welcher IE6 Bug ist das? UL-Float bei LI mit "height" martinpet CSS 5 20.08.2009 09:21
Css Bug Verzweiflung Hangman CSS 5 15.01.2008 07:04
Kennt jemand diesen IE6 Bug? philipp CSS 2 05.01.2008 18:47
IE6 und FF Darstellungsproblem! Bug? Speedy19102000 CSS 27 14.12.2007 15:28


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:47 Uhr.