H1 - background-color wird im IE nicht angezeigt - HTML und CSS / Stylesheets - HilfDirSelbst.ch

[Gast] Foren Web allgemein HTML und CSS / Stylesheets H1 - background-color wird im IE nicht angezeigt

Web allgemein

Themen

Beiträge

Moderatoren

Letzter Beitrag

HTML und CSS / Stylesheets

1193

6413

FSt

19. Dez 2022, 21:28

Vitus

H1 - background-color wird im IE nicht angezeigt

Ecki

Beiträge gesamt: 378

7. Mai 2008, 15:09
Beitrag # 1 von 4
Bewertung:
(2386 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Liebe Leute,
ich habe ein Css-Layout mit 2 verschachtelten Layern. Im "Container" liegt der Layer "Inhalt", den ich mit position: relativ mittig ausgerichtet habe. Mit Positionszuweisung ging die h1-Definition background-color für den IE6 verloren, d.h. sie wird nicht mehr angezeigt. Mozilla macht's. Brauche ich hierfür einen Hack?

Gruß von Eckhard

Hier ist mein Code:

Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
 
<title>CSS Layout 100% breit und zentriert</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<style type="text/css"><!-- 
body { color: #564b47; font-size: 12px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif; background-color: #e1ddd9; margin: 0; padding: 0 } 
#container  /* mein Kommentar: margin-Werte halber Wert (negativ) von height und width  */    { background-color: #fff; text-align: center; visibility: visible; margin: -180px 0 0 -50%; padding: 0; position: absolute; z-index: 0; top: 50%; left: 50%; width: 100%; height: 360px; overflow: auto } 
#inhalt     { text-align: left; visibility: visible; margin-right: auto; margin-left: auto; padding: 0; position: relative; z-index: 10; width: 800px; height: 358px; overflow: auto; border: dotted 1px #000000 } 
 
p, h1, h2 { margin: 0px; padding: 10px; } 
h1   { color: #c00; font-size: 16px; background-color: #09c; text-align: left; text-transform: uppercase } 
a { color: #ff66cc; font-size: 11px; background-color:transparent; text-decoration: none; } 
h2  { color: #09c; font-size: 12px } 
--></style> 
 
</head> 
 
<body>Dies ist der body 
	 
	<div id="container"> 
	<div id="inhalt"> 
				<p align="right">Dies gehört zum Inhalt <img src="%20" alt="Logo" height="40" width="80" border="0"></p> 
				<div align="left"> 
					<h1>Hintergrundfarbe wird im IE6 nicht angezeigt seit #inhalt relativ ist</h1> 
				</div> 
				<p><b>zentrieren</b><br /> 
			<br />Dieser Inhalt-Bereich soll mittig im Container zentriert werden.<br /> 
			 Der Text bleibt linksb&uuml;ndig.<br /> 
		</p> 
				<h2><b>Mozilla macht mit </b><br /></h2> 
		<p></p> 
		<p>hier ist auch noch text</p> 
	</div> 
	</div> 
	 
</body> 
 
</html>

H1 - background-color wird im IE nicht angezeigt

SabineP

Beiträge gesamt: 7586

7. Mai 2008, 15:32
Beitrag # 2 von 4
Beitrag ID: #349537
Bewertung:
(2372 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo Ecki,

IE4 zeigt den Hintergrund an.
Warum IE6 spinnt weiß leider ich nicht.

als Antwort auf: [#349529]

H1 - background-color wird im IE nicht angezeigt

Intermedia

Beiträge gesamt: 1287

7. Mai 2008, 15:42
Beitrag # 3 von 4
Beitrag ID: #349542
Bewertung:
(2365 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hi Ecki,

beim IE 7 gehts auch. Um es für den IE 6 hinzubekommen, mußt du noch ein width zufügen, da ging es bei mir.

Gruß Sven

als Antwort auf: [#349537]

H1 - background-color wird im IE nicht angezeigt

Ecki

Beiträge gesamt: 378

7. Mai 2008, 16:18
Beitrag # 4 von 4
Beitrag ID: #349548
Bewertung:
(2352 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Danke, danke,

width: 780px

Code

h1     { color: #c00; font-size: 16px; background-color: #09c; text-align: left; text-transform: uppercase; width: 780px }

bringt es wieder zum Vorschein.

Das kann ja keiner ahnen …

als Antwort auf: [#349542]

Aktuell

InDesign / Illustrator

Was ist 1 IDUG?

| 23.05.2022

Weitere Events

Weitere Stellenangebote