Gruppen
- Top Gruppen
- Betriebsysteme
- Windows classik
- Linux
- BS-Sonstige
- Software
- Datenbanken
- Bildbearbeitung
- Audio/mp3/Video
- Security/Viren
- SW-Sonstige
- Hardware
- Mainboard/CPU
- Grafikkarten
- Peripherie
- Laptop/Notebook
- HW-Sonstiges
- Netzwerk
- Telefon,ISDN,Modem
- W-Lan
- NW-Sonstiges
- Programmierung
- PHP,ASP,Perl...
- Java,C++...
- Webseiten/HTML
- Sonstiges
- PC-Sonstiges
- Plauderecke
- SN Intern
- Test
/ Forum / Webseiten/HTML
Webseiten/HTML
Fragevon MadMike66 vom 02.10.2020, 11:51 Options
CSS Boxproblem im Internet-Explorer
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.
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 vom 02.10.2020, 15:52 Options
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 vom 02.10.2020, 16:19 Options
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
Ähnliche Themen
Horizontales und vertikales Zentrieren eines div-Containers mit CSS
derpfleger 05.08.2006 - 7580 Hits - 1 Antwort
Listen mit CSS in IE, Firefox und Opera gleich ausrichten.
derpfleger 03.10.2007 - 2298 Hits -
CSS-Layout für den Internet Explorer
Arra 25.08.2008 - 22 Hits - 20 Antworten
Hinweis
Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..
Neue Einträge
