zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem mit dem IE 6

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 16.11.2007, 15:29
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.10.2007
Beiträge: 98
BoFiaZ befindet sich auf einem aufstrebenden Ast
Standard Problem mit dem IE 6

Hi, ich habe das Problem das bei meinem Hauptmenü und im IE 6 ein extrem hoher Abstand zwischen den einzelnen LI Elementen zu sehen ist. Bei allen modernen Browser funktioniert es. Kann mir jemand sagen woran das liegt? Ich verzweifele bald.

Hier meine Code`s zur Verdeutlichung:
Zitat:
* {
margin: 0;
padding: 0;
}

html * {
font-size: 100.01%;
}

body {
font-size: 75.00%;
font-family: Arial;
color: #5A4C2D;

background-color: #ffffff;
}

a {
color: #5A4C2D;
}

#page {
width: 961px;
margin: 0 auto;
}

h1 {
font-size: 160%;
margin-bottom: 5px;
color: #FF3335;
}

h2 {
font-size: 120%;
font-weight: normal;
color: #578BB3;
}

h3 {
font-size: 100%;
color: #000000;
}

p {
text-align: justify;
margin-bottom: 10px;
line-height: 1.5em;
border-bottom: 1px dotted #ccc;
padding-bottom: 10px;
}

#main {
background: url("../images/header_bg.jpg") no-repeat top center;
width: 961px;
}

#suche {
width: 290px;
float: right;
}

.input_suche {
width: 170px;
border: 1px solid #ccc;
}

#suche form {
padding-left: 20px;
padding-top: 10px;
}

#suche form input {
vertical-align: middle;
}

#left {
margin-top: 170px;
width: 220px;
float: left;
}

#login br {
margin-bottom: 2px;
}

.submit_login {
margin-top: 5px;
}

hr {
border: 0px;
height: 1px;
border-bottom: 1px dotted #ccc;
}

/* NAVIGATION 'B */
ul {
margin: 0;
padding: 0;
list-style: none;
width: 220px; /* Width of Menu Items */
}

ul li {
position: relative;
}

li ul {
position: absolute;
left: 220px; /* Set 1px less than menu width */
top: 0;
display: none;
}

/* Styles for Menu Items */
ul li a {
display: block;
text-decoration: none;
color: #777;
background: #F2F2F2; /* IE6 Bug */
padding: 5px;
border-bottom: 1px solid #ffffff;
}

#nav li a { color: #000000; }
#nav li a:focus,
#nav li a:hover,
#nav li a:active { background-color:#5B86B0; color: #fff; }

ul li ul li a {
display: block;
text-decoration: none;
color: #777;
background: #DFDEDC; /* IE6 Bug */
padding: 5px;
border-bottom: 1px solid #ffffff;
}

#nav li ul li a { color: #000000; }
#nav li ul li a:focus,
#nav li ul li a:hover,
#nav li ul li a:active { background-color: #DFDEDC; color: #66958D; }

li:hover ul, li.over ul { display: block; } /* The magic */
/* NAVIGATION 'E */

#middle {
margin-top: 240px;
width: 480px;
float: left;
padding: 0px 0px 10px 20px;
border-left: 1px dotted #ccc;
}

#right {
margin-top: 142px;
width: 220px;
float: left;
background-color: #F2F2F2;
margin-left: 20px;
}

#right a {
color: #000000;
}

#right h2 {
padding: 15px 15px 0px 15px;
}

#right p {
padding: 15px;
border-bottom: 10px solid #ffffff;
}

#right img {
padding: 10px;
}

#footer {
margin-top: 20px;
background-image: url("../images/footer_bg.gif");
background-repeat: no-repeat; top top #fff;
height: 26px;
width: 960px;
text-align: center;
color: #9B9B9B;
padding-top: 11px;

}

#footer a {
text-decoration: none;
color: #9B9B9B;
}

#clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#clearfix {
display: inline-block;
}

/* Hide from IE Mac \*/
#clearfix {
display: block;
}
/* End hide from IE Mac */

/* IE 6 \*/
#clearfix {
height: 1%;
}
/* IE 6 */
Und hier meine Navi... zum Beispiel:

Code:
			  <ul id="nav">
    <li>
      <a href="front_content.php?idcat=76">Start-Up</a>
    </li>

    <li id="active">
      <a class="daddy" href="front_content.php?idcat=78">IT-Services</a>
      <ul>
            <li>
                  <a href="front_content.php?idcat=87">IT-Services A</a>
            </li>
            <li>
                  <a href="front_content.php?idcat=88">IT-Services B</a>

            </li>
      </ul>
    </li>
  </ul>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 16.11.2007, 15:35
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.838
RoToRa wird schon bald berühmt werden
Standard

Schmeiß mal alle Whitespace zwischen und innerhalb der Liste raus (Google: Whitespace-Bug):

Code:
<li><a ...>...</a></li><li><a ...>...</a></li><li><a ...>...</a></li>
Robin
__________________
CSS-Rauch! Nicht einatmen!
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 16.11.2007, 23:17
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Ich würde immer eine CSS-Lösung bevorzugen - siehe mein FAQ-Beitrag.
Mit Zitat antworten
  #4 (permalink)  
Alt 19.12.2007, 22:27
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.10.2007
Beiträge: 98
BoFiaZ befindet sich auf einem aufstrebenden Ast
Standard

Wie meinst du das "ich würde immer eine css lösung" bevorzugen? Das habe ich doch gemacht... ich habe trotzdem noch den bug in der navi... auch durch löschen der gesammten leerzeichen. Gibt es noch andere Fehler?
Mit Zitat antworten
  #5 (permalink)  
Alt 19.12.2007, 22:50
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.828
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

http://xhtmlforum.de/40267-faq-h-ufi...tml#post296439 <-- da steht doch eine CSS Lösung.

Ja, der IE hat noch andere Bugs.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ
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
Problem mit dem Z-Index Clubnite CSS 2 12.06.2009 02:22
Problem mit dem Browserabstand Phöney CSS 2 05.04.2008 16:18
Problem mit dem IE7 uspri CSS 11 16.12.2006 18:07
Problem mit dem einbinden von Flash Lockhead883 (X)HTML 0 01.03.2006 07:09
problem mit dem ie beim anzeigen von infoboxen /alternative Mythic CSS 2 01.02.2006 10:36


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