div-Tags werden vom IE 8 & 9 nicht erkannt

SALOE · 23. Februar 2014

folgender Code wird überall richtig interpretiert nur der InternetExplorer zeigt das Bild nicht an:
<style type="text/css">
#Bild {
position:relative; top:50%; left:50%;
margin-top:0px; margin-left:-512px;
width:1023px; height:799px;
}
#box1 {
font-family: Arial;
font-size: 20px;
width: 150px;
height: 60px;
background-color: none;
position: absolute;
top: 310px;
left: 421px;
}

#verlauf {
background-image:url(hintergrund.jpg);
background-repeat:repeat-x;
margin:top left;
background-color:#808080;
}
</style>
</head>
<body id="verlauf" text="#000000" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<div id="Bild">
<img src="Unternehmen.jpg" alt="Unternehmen_Reimer" border="0" width="" height="" position="middle" usemap="#unternehmen" /></p>
<map id="unternehmen" name="unternehmen">
<area shape="rect" coords="70, 40, 230, 200" href="index.html" />
<area shape="rect" coords="310, 35, 360, 45" href="index.html" />
<area shape="rect" coords="450, 35, 520, 45" href="cnc.html" />
<area shape="rect" coords="580, 35, 680, 45" href="produkt.html" />
<area shape="rect" coords="830, 35, 960, 45" href="kontakt.html" />
</map>

<div id="box1">
Unser Unternehmen wurde im Jahr 2001 gegründet. Zunächst wurde die Produktion mit zwei Maschinen aufgenommen. Unsere Bestrebungen
nach Qualität und Kundenzufriedenheit zeigten<br>
</div>
</div>
</body>

Wenn ich "id="Bild" in den img-Tag schreibe, wird das Bild angezeigt, aber mein Text im div-Tag "Box1" ist dann von Browser zu Browser an einer anderen Stelle weil die Positionierung nicht mehr in Relation zum Bild ist.

Ich brauche bitte dringend schnelle Hilfe!!!!!

wolf · 23. Februar 2014

Also wenn du schon sooo dringen Hilfe brauchst, dann mach es uns doch einfacher und setze deinen Code in die dazu gehörigen boxen, die Buttons dafür sind über dem Eingabefeld zu finden.

HTML

CSS

Außerdem daf man auch um Sauberen, eingerückten Code bitten

EDIT: der Code sollte ungefähr so aussehen:

HTML

<!doctype html>
<html>
<head>
	<style type="text/css">
		#Bild {
			position:relative;
			top:50%;
			left:50%;
			margin-top:0px;
			margin-left:-512px;
			width:1023px;
			height:799px;
		}
		#box1 {
			font-family: Arial;
			font-size: 20px;
			width: 150px;
			height: 60px;
			background-color: none;
			position: absolute;
			top: 310px;
			left: 421px;
		}
		body{
			background-image:url(hintergrund.jpg);
			background-repeat:repeat-x;
			margin:top left;
			background-color:#808080;
			color: #000;
		}
	</style>
</head>
<body>
	<div id="Bild">
		<img src="Unternehmen.jpg" alt="Unternehmen_Reimer" border="0" position="middle" usemap="#unternehmen" /></p>
		<map id="unternehmen" name="unternehmen">
			<area shape="rect" coords="70, 40, 230, 200" href="index.html" />
			<area shape="rect" coords="310, 35, 360, 45" href="index.html" />
			<area shape="rect" coords="450, 35, 520, 45" href="cnc.html" />
			<area shape="rect" coords="580, 35, 680, 45" href="produkt.html" />
			<area shape="rect" coords="830, 35, 960, 45" href="kontakt.html" />
		</map>




		<div id="box1">
		Unser Unternehmen wurde im Jahr 2001 gegründet. Zunächst wurde die Produktion mit zwei Maschinen aufgenommen. Unsere Bestrebungen
		nach Qualität und Kundenzufriedenheit zeigten<br>
		</div>
	</div>
</body>

Alles anzeigen

Dein width="" height="" wird als Element Style bevorzugt, d.h. Dein bild ist opx breit und 0px hoch, was passiert kannst du dir vorstellen..

HTML

<img src="Unternehmen.jpg" alt="Unternehmen_Reimer" border="0" width="" height="" position="middle" usemap="#unternehmen" />

div-Tags werden vom IE 8 & 9 nicht erkannt

Jetzt mitmachen!

Teilen