Supportnet / Forum / Webseiten/HTML
CSS Boxproblem im Internet-Explorer
Frage
Hallo allerseits,
ich bin gerade dabei, meine Homepage mit einem anderen Design zu versehen. Dazu möchte ich für die Visualisierung so wenig wie mögliche Grafiken laden und versuche, möglichst viel mit CSS zu erledigen.
Nun habe ich ein Problem:
Ich will diese Boxen pixelgenau anordnen. Das funktioniert auch erstmal in den Anfängen, jedoch verhält sich der IE6 vollkommen anders.
Ich möchte z.B. unter meinem grauen Bereich einen 3 Pixel dicken Strich anordnen.
Im Firefox klappt das auch problemlos. Nur im IE erscheint statt dessen ein dicker schwarzer Balken.
Was mache ich da falsch?
Hier mein CSS:
body {background-color:#EEEEEE;
margin:0;
padding:0 10px 0 10px;
height:100%;}
/* Grauer Bereich - links oben */
#links_oben {position:absolute;
display:block;
top:0px;
left:0px;
width:127px;
height:120px;
background-color:rgb(199,199,199);}
/* Grauer Bereich - oben quer */
#logo {position:absolute;
display:block;
top:0;
left:127px;
right:0;
width:100%;
height:117px;
background-color:rgb(199,199,199);}
/* Schwarzer Strich - oben quer */
#logo_strich {position:absolute;
top:117px;
left:127px;
right:0;
width:100%;
height:3px;
background-color:rgb(0,0,0);}
...und hier die Einbindung in meiner Seite:
.
.
.
<body>
<div>
<div id="logo"></div>
<div id="logo_strich"></div>
<div id="links_oben"></div>
.
.
.
Kann mir jemand bei meinem Problem weiterhelfen? Wie gesagt - logo_strich - wird im IE nicht richtig angezeigt.
Vielen Dank im Voraus.
Antwort 1 von Como
Hi,
ergänze mal den CSS-Grauer Bereich mit
die Farbe musst du noch anpassen.
ergänze mal den CSS-Grauer Bereich mit
border-bottom:3px solid #FF0000;die Farbe musst du noch anpassen.
Antwort 2 von katy
Hallo MadMike66,
die Aussage
Damit das CSS browserübergreifend wie gewünscht funktionieren kann müssen 2 Voraussetzungen unbedingt erfüllt sein:
das HTML muss valide (fehlerfrei) sein
der Browser darf nicht im Quirksmodus arbeiten
Sind diese Bedingungen bei dir erfüllt?
katy
die Aussage
Zitat:
verhält sich der IE6 vollkommen anders
ist nicht unbedingt ausreichend, um deine Frage zu beantworten.verhält sich der IE6 vollkommen anders
Damit das CSS browserübergreifend wie gewünscht funktionieren kann müssen 2 Voraussetzungen unbedingt erfüllt sein:
Sind diese Bedingungen bei dir erfüllt?
katy