Stefan W.: Internet Explorer 6 ignoriert eine "height:"-Angabe

Beitrag lesen

SELF-Forum

Internet Explorer 6 ignoriert eine "height:"-Angabe

Stefan W. Homepage des Autors
– Informationen zu den Bewertungsregeln

Liebe Forennutzer,

nachdem ich Jahrelang in diesem Forum mitgelesen habe um HTML-Probleme zu lösen, habe ich mich jetzt entschieden selber mal etwas zu posten.

Ich habe folgendes Problem:
Ich habe ein Thema mit vielen Runden Elementen erstellt.
Für jeden Runden Rahmen habe ich 4 <div>-Elemente in diesen gepackt, welche jeweils eine Ecke des Containers mit einer Hintergrund-Grafik abrunden.

Das sieht dann so aus.

  
<div class="rounded-input">  
  <div class="left-top corner"></div>  
  <div class="right-top corner"></div>  
  <div class="right-bottom corner"></div>  
  <div class="left-bottom corner"></div>  
  <input class="input" type="text" />  
</div>

Allerdings will der IE 6 mal wieder nicht :-(

Bei einer Box (die um das <input>-Element) scheint der IE die Höhenangabe im CSS zu ignorieren. Das führt dann zu einem Layoutfehler. Seht selbst (im IE6):
http://freepaid.ath.cx/theme/

Zeile 91 im CSS:
http://freepaid.ath.cx/theme/style.css

  
.rounded-input .corner {  
  position: absolute;  
  width: 8px; height: 8px;  
  background-image: url('rc_input.png');  
}

Ich kann die "height: 8px" verändern wie ich will und es sieht immer gleich aus.

Im Firefox, Google Chrome und Opera wird es korrekt angezeigt.
Für alle die keinen IE haben hier ein Bild vom Fehler:
http://freepaid.ath.cx/theme/fehler.jpg

Ich hoffe Ihr könnt mir bei meinem Problem helfen,

vielen Dank im Vorraus

grüße Stefan

Beitrag melden
–
Informationen zu den Bewertungsregeln