Postionierung im IE nicht über "id" möglich?

Status
Nicht offen für weitere Antworten.
M

m a x

Grünschnabel
Hallo ich habe hier ein sehr seltsames Verhalten im IE. Um die jeweiligen div Bereiche zu positionieren muss ich die Angaben direkt im HTML Code als style angeben wie unten zu sehen.
Code: 
<div id="footerlastpage" style="top:0px;left:30px;	position:absolute;">
  <a  href="javascript:history.back()" target="_parent"><img src="navimages/fuss_zurueck.gif" alt="fuss_zurueck.gif" border="0" height="40" width="150"></a>
  </div>
  
  <div id="footernextpage" style="top:0px; left:420px; 	position:absolute;">
 <a href="12index.html" target="_parent"><img src="navimages/fuss1_2.gif" alt="fuss1_2.gif" border="0" height="40" width="150"></a>
  </div>
  
  <div id="footercopy" style="top:60px; left:100px; 	position:absolute;">
  Copyright 	&copy; 2005 MM
  </div>

Wenn ich die gleichen Anweisungen in einer CSS-Datei(siehe unten) zuweise ignoriert der IE diese (Firefox,Mozilla,Netscape und Opera machen keine Mätzchen), was ich gerne ändern würde. Kann mir jemand sagen wie dieses Problem zu umgehen ist!?
Code: 
 #footerlastpage
 	{
 	position:absolute;
 	left:30px;
 	width:160px;
 	top:0px;
 	height:35px;
 	}
 #footernextpage
 	{
 	position:absolute;
 	left:420px;
 	width:160px;
 	top:0px;
 	height:35px;
 	}
 #footerinfo
 	{
 	position:absolute;
 	left:100px;
 	top:60px;
 	width:auto;
 	height:auto;
 	text-align:right;
 	color:#333399;
 	font-size:10pt;
 	}
 
Du hast im CSS die ID #footerinfo, im HTML-Source aber #footercopy notiert ;-]

Code: 
#footerlastpage
 	{
 	position:absolute;
 	left:30px;
 	width:160px;
 	top:0px;
 	height:35px;
 	}
 #footernextpage
 	{
 	position:absolute;
 	left:420px;
 	width:160px;
 	top:0px;
 	height:35px;
 	}
 #footercopy
 	{
 	position:absolute;
 	left:100px;
 	top:60px;
 	width:auto;
 	height:auto;
 	text-align:right;
 	color:#333399;
 	font-size:10pt;
 	}

greez, maik.l
 
Du hast im CSS die ID #footerinfo, im HTML-Source aber #footercopy notiert
Zum Vergrößern anklicken....
Ups aber daran kann es nicht liegen weil alle drei div`s im IE untereinander dargestellt werden wenn ich auf die extra "style" Anweisung im HTML-Code verzichte.
Aber der div namens "footerlastpage" sollte neben dem div "footernextpage" erscheinen und der div "footercopy" untendrunter.
 
Zuletzt bearbeitet:
Also, ich habe deine CSS-Angaben in die externe style.css -Datei gepackt und diese in der HTML-Seite referenziert / verlinkt, und alles wird perfekt dargestellt.

Wenn du auf die CSS-Eigenschaften für die DIVs verzichtest, sie also entfernst, dann werden sie (als Block-Elemente) natürlich auch untereinander angezeigt.

Da du nicht den kompletten Source deiner HTML-Seite gepostet hast, kann ich jetzt nicht genau nachvollziehen, wo bei dir das Problem liegt.

Hier der komplette Source-Code meiner Testseite:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>

<link rel="stylesheet" type="text/css" href="style.css">

</head>
<body>

<div id="footerlastpage">
  <a  href="javascript:history.back()" target="_parent"><img src="navimages/fuss_zurueck.gif" alt="fuss_zurueck.gif" border="0" height="40" width="150"></a>
  </div>

  <div id="footernextpage">
 <a href="12index.html" target="_parent"><img src="navimages/fuss1_2.gif" alt="fuss1_2.gif" border="0" height="40" width="150"></a>
  </div>

  <div id="footercopy">
  Copyright         &copy; 2005 MM
  </div>

</body>
</html>
CSS-Code styles.css:
Code: 
#footerlastpage
 	{
 	position:absolute;
 	left:30px;
 	width:160px;
 	top:0px;
 	height:35px;
 	}
 #footernextpage
 	{
 	position:absolute;
 	left:420px;
 	width:160px;
 	top:0px;
 	height:35px;
 	}
 #footercopy
 	{
 	position:absolute;
 	left:100px;
 	top:60px;
 	width:auto;
 	height:auto;
 	text-align:right;
 	color:#333399;
 	font-size:10pt;
 	}
[ Browsercheck: FF 1.0.2, IE 6.0, MOZ 1.6, NN 7.0, OP 7.23 ]


greez, maik.l
 
Zuletzt bearbeitet von einem Moderator:
Ich hab noch mal die CSS Datei durch auskommentieren nach der Fehlerquelle durchsucht. Zufälligerweise hab ich diesmal so "/* css */" auskommentiert, normalerweise nehme ich immer diese Schreibweise "<!-- css -->" und siehe da es ich fand ein doppeltes Hochkomma in einem so "<!-- css -->" auskommentierten Bereich das vom IE trotzdem interpretiert wurde und dann zu der falschen Darstellung geführt hat. Ich habs gelöscht und seitdem funktioniert alles bestens.

Blöder Fehler der mir nie aufgefallen ist weil ich immer auf Firefox gebastelt hab und der mit dieser Schreibweise "<!-- css -->" ganz zufrieden war.
Hätte ich mal lieber nachgeschaut ------->>>http://de.selfhtml.org/css/formate/einbinden.htm#kommentare


Vielen Dank für die Hilfe und soooory wegen der unnötigen Frage
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück