DIV Problem mit IE...

Status
Nicht offen für weitere Antworten.

disear

Erfahrenes Mitglied
Hallo zusammen
nun bin ich seit stunden am suchen und hab auch schon den ie-hack mit dem * html entdeckt doch auch dies bringt mich nicht weiter...
also erstmals die Quelltexte (Ausschnitte)
css datei (DIV-Teil)
Code:
#menu { 
  width:69px}

#menu a:link{
  text-decoration:none;
  color:#000000;
  font-family:Verdana;
  font-size:13;
  float: center;
		}
	
#menu a:visited{
  text-decoration:none;
  color:#000000;
  font-family:Verdana;
  font-size:13;
  float: center;
}
	
#menu a:hover{
  color:#A1300D;
  font-family:Verdana;
  font-size:13;
  float: center;
		}

index.php
Code:
<tr>
		<td colspan="2" rowspan="2">
		
			<img src="slice/index_06.jpg" width="125" height="44" alt=""></td>
			
		<td background="slice/index_07.jpg">
		<div id="menu">
			<A href="index.php?seite=1&kategorie=1" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '230px')" onMouseout="delayhidemenu()"><center>Start</center></A></td></div>
		<td>
			<img src="slice/index_08.jpg" width="1" height="32" alt=""></td>
			
		<td background="slice/index_09.jpg">
		<div id="menu">
			<A href="index.php?seite=1&kategorie=2" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu2, '230px')" onMouseout="delayhidemenu()"><center>Unser Hotel</center></A></td></div>
		<td>
			<img src="slice/index_10.jpg" width="1" height="32" alt=""></td>
			
		<td background="slice/index_11.jpg">
		<div id="menu">
			<A href="index.php?seite=1&kategorie=3" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu3, '230px')" onMouseout="delayhidemenu()"><center>Essen und Trinken</center></A></td></div>
		<td>
			<img src="slice/index_12.jpg" width="1" height="32" alt=""></td>
			
		<td background="slice/index_13.jpg">
		<div id="menu">
			<A href="index.php?seite=1&kategorie=4" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu4, '230px')" onMouseout="delayhidemenu()"><center>Goms</center></A></td></div
		<td>
			<img src="slice/index_14.jpg" width="1" height="32" alt=""></td>
			
		<td background="slice/index_15.jpg">
		<div id="menu">
			<A href="index.php?seite=1&kategorie=5" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu5, '230px')" onMouseout="delayhidemenu()"><center>Angebote</center></A></td></div>
		<td>
			<img src="slice/index_16.jpg" width="1" height="32" alt=""></td>
			
		<td background="slice/index_17.jpg">
		<div id="menu">
			<A href="index.php?seite=1&kategorie=6" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu6, '230px')" onMouseout="delayhidemenu()"><center>Preise</center></A></td></div>
		<td>
			<img src="slice/index_18.jpg" width="1" height="32" alt=""></td>
			
		<td colspan="2" background="slice/index_19.jpg">
		<div id="menu">
			<A href="index.php?seite=1&kategorie=7" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu7, '230px')" onMouseout="delayhidemenu()"><center>Kontakte</center></A></td></div>
		</div>
		<td colspan="2" rowspan="3">
			<img src="slice/index_20.jpg" width="133" height="79" alt=""></td>
		<td>
			<img src="slice/spacer.gif" width="1" height="32" alt=""></td>
	</tr>

Ausser IE interpretieren dies alle. Die ganze Darstellung wird durch die DIV zugabe umhergewürfelt.... Ich verstehe es jedoch nicht ganz warum und wieso... IE hat ein eigenstehendes CSS file. Hier mal die Ansicht der Seite >>Klick<<

Besten Dank für eure Hilfe

Disear
 
Das Problem wird sein, dass eine ID dokumentweit eindeutig ist/sein muss. Wickele das Ganze einfach über Klassen ab, die können beliebig verteilt werden.
 
Hallo...

korrigiere Bitte erstmal die HTML-Fehler in dem Dokument...das ist ja haarsträubend.

Vorher kann man da keine Diagnose abgeben, aber ich vermute mal, dass der Darstellungsfehler sich nach der Korrektur von selbst in Wohlgefallen auflöst.
 
Weitere mögliche Ursachen für die Darstellungsfehler im IE könnten daneben noch sein:

  • Die Leerzeichen / Zeilenumbrüche (=whitespaces) im HTML-Quelltext zwischen <td> ... </td> und dem img-Element, wie beispielsweise hier:
HTML:
<td colspan="21">
			<img src="slice/index_01.jpg" width="900" height="70" alt=""></td>
Diese "Lücken" lassen sich mit folgender CSS-Regel schliessen:

Code:
img {
display: block;
}
  • Die schliessenden </div>'s folgen nach den schliessenden </td>'s, obwohl sie davor notiert werden müssen:
HTML:
<td background="slice/index_07.jpg">
		<div id="menu">
			<A href="index.php?seite=1&kategorie=1" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '230px')" onMouseout="delayhidemenu()"><center>Start</center></A></td></div>
 
Hallo!

Warum setzt Du den Star-HTML-Hack (* html) ein, wenn Du für den IE eh eine eigenständige CSS-Datei verwendest?
Statt dessen solltest Du lieber noch zwischen den einzelnen IE Versionen unterscheiden (siehe auch auf SelfHTML "Alternative CSS-Dateien für den Internet Explorer").
Schliesslich handelt es sich um eine Firmenpräsenz und als solche sollte sie auch eine höchst mögliche Kompatibilität zu den verschiedenen Browsern haben.

Ich weiss ja nicht was bei Dir ".....ausser IE interpretieren dies alle....." für Browser sind.
Aber bei mir haben auch Mozilla und K-Meleon Darstallungsfehler.
Im Netscape sieht es sogar noch schlimmer aus als im IE.
Abgesehen davon, kommt man nicht an die Unterseiten wenn man JavaScript deaktiviert hat..... zumindest nicht wenn man keine Ahnung vom Aufbau der URL hat und nicht logisch denken kann.

Gruss Dr Dau
 
Zuletzt bearbeitet:
@ Dr. Dau
Netscape Mozilla haben bei mir absolut keine Darstellungsprobleme... Weder Firefox noch Safari... Alle Browser sind auf dem neusten Stand!

@ michaelsinterface
danke für deine Tipps, es lag daran das die <div>-endtag nach dem </td> lag... tja blöder fehler aber nun ist es ja gelöst :D

@ Sven Mintel, fehler gibts bestimmt noch im Code und die werden nächstens auch korrigiert! aber hilfreich war deine Antwort nicht!!

Greetz
disear
 
disear hat gesagt.:
@ Sven Mintel, fehler gibts bestimmt noch im Code und die werden nächstens auch korrigiert! aber hilfreich war deine Antwort nicht!!
Vielleicht schaust du dir deinen Quelltext erstmal an, bevor du meinst, entscheiden zu können, was hilfreich ist, und was nicht.

Du hast da DIVs in Tabellenelementen, du hast da Tags, bei denen am Ende die spitze Klammer fehlt

Das sind die Fehler/Warnungen für dein Dokument:
Code:
Zeile 5 Spalte 76 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 6 Spalte 57 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 6 Spalte 59 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 8 Spalte 52 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 8 Spalte 54 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 9 Spalte 58 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 9 Spalte 60 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 10 Spalte 56 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 10 Spalte 58 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 11 Spalte 60 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 11 Spalte 62 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 12 Spalte 56 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 12 Spalte 58 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 13 Spalte 61 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 13 Spalte 63 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 15 Spalte 60 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 15 Spalte 62 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 16 Spalte 79 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 16 Spalte 81 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 17 Spalte 57 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 17 Spalte 59 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 18 Spalte 58 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 18 Spalte 60 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 20 Spalte 66 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 20 Spalte 68 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 21 Spalte 56 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 21 Spalte 58 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 22 Spalte 69 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 22 Spalte 71 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 23 Spalte 70 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 23 Spalte 72 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 25 Spalte 57 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 25 Spalte 59 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 26 Spalte 57 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 26 Spalte 59 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 28 Spalte 57 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 28 Spalte 59 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 29 Spalte 57 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 29 Spalte 59 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 31 Spalte 56 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 31 Spalte 58 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 32 Spalte 53 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 32 Spalte 55 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 33 Spalte 57 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 33 Spalte 59 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 35 Spalte 55 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 35 Spalte 57 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 36 Spalte 58 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 36 Spalte 60 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 37 Spalte 61 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 37 Spalte 63 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 38 Spalte 53 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 38 Spalte 55 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 39 Spalte 57 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 39 Spalte 59 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 51 Spalte 179 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 51 Spalte 183 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 161 Spalte 0 - Warnung: '<' + '/' + Buchstabe ist hier nicht zugelassen
Zeile 166 Spalte 1 - Warnung: <table>-Attribut "summary" fehlt
Zeile 197 Spalte 39 - Warnung: ungültiges &-Zeichen oder unbekanntes Sonderzeichen "&kategorie"
Zeile 197 Spalte 174 - Warnung: fehlendes </a> vor <center>
Zeile 197 Spalte 196 - Warnung: unerwartetes </a> wird entfernt
Zeile 197 Spalte 200 - Warnung: fehlendes </div> vor </td>
Zeile 197 Spalte 205 - Warnung: unerwartetes </div> wird entfernt
Zeile 203 Spalte 39 - Warnung: ungültiges &-Zeichen oder unbekanntes Sonderzeichen "&kategorie"
Zeile 203 Spalte 174 - Warnung: fehlendes </a> vor <center>
Zeile 203 Spalte 202 - Warnung: unerwartetes </a> wird entfernt
Zeile 203 Spalte 206 - Warnung: fehlendes </div> vor </td>
Zeile 203 Spalte 211 - Warnung: unerwartetes </div> wird entfernt
Zeile 209 Spalte 39 - Warnung: ungültiges &-Zeichen oder unbekanntes Sonderzeichen "&kategorie"
Zeile 209 Spalte 174 - Warnung: fehlendes </a> vor <center>
Zeile 209 Spalte 208 - Warnung: unerwartetes </a> wird entfernt
Zeile 209 Spalte 212 - Warnung: fehlendes </div> vor </td>
Zeile 209 Spalte 217 - Warnung: unerwartetes </div> wird entfernt
Zeile 215 Spalte 39 - Warnung: ungültiges &-Zeichen oder unbekanntes Sonderzeichen "&kategorie"
Zeile 215 Spalte 174 - Warnung: fehlendes </a> vor <center>
Zeile 215 Spalte 195 - Warnung: unerwartetes </a> wird entfernt
Zeile 215 Spalte 199 - Warnung: fehlendes </div> vor </td>
Zeile 215 Spalte 204 - Warnung: unerwartetes </div> wird entfernt
Zeile 217 Spalte 13 - Warnung: <img> ist in <tr>-Elementen nicht zugelassen
Zeile 217 Spalte 72 - Warnung: unerwartetes </td> wird entfernt
Zeile 221 Spalte 39 - Warnung: ungültiges &-Zeichen oder unbekanntes Sonderzeichen "&kategorie"
Zeile 221 Spalte 174 - Warnung: fehlendes </a> vor <center>
Zeile 221 Spalte 199 - Warnung: unerwartetes </a> wird entfernt
Zeile 221 Spalte 203 - Warnung: fehlendes </div> vor </td>
Zeile 221 Spalte 208 - Warnung: unerwartetes </div> wird entfernt
Zeile 227 Spalte 39 - Warnung: ungültiges &-Zeichen oder unbekanntes Sonderzeichen "&kategorie"
Zeile 227 Spalte 174 - Warnung: fehlendes </a> vor <center>
Zeile 227 Spalte 197 - Warnung: unerwartetes </a> wird entfernt
Zeile 227 Spalte 201 - Warnung: fehlendes </div> vor </td>
Zeile 227 Spalte 206 - Warnung: unerwartetes </div> wird entfernt
Zeile 233 Spalte 39 - Warnung: ungültiges &-Zeichen oder unbekanntes Sonderzeichen "&kategorie"
Zeile 233 Spalte 174 - Warnung: fehlendes </a> vor <center>
Zeile 233 Spalte 199 - Warnung: unerwartetes </a> wird entfernt
Zeile 233 Spalte 203 - Warnung: fehlendes </div> vor </td>
Zeile 233 Spalte 208 - Warnung: unerwartetes </div> wird entfernt
Zeile 234 Spalte 9 - Warnung: unerwartetes </div> wird entfernt
Zeile 251 Spalte 64 - Warnung: unzulässiger Zeichencode wird ersetzt: 133
Zeile 251 Spalte 64 - Warnung: unzulässiger Zeichencode wird ersetzt: 132
Zeile 251 Spalte 64 - Warnung: unzulässiger Zeichencode wird ersetzt: 147
Zeile 253 Spalte 8 - Warnung: kürze leeres <p>
Zeile 253 Spalte 75 - Warnung: ersetze Element </p> durch <br>
Zeile 253 Spalte 75 - Warnung: implizites <br> eingefügt
Zeile 254 Spalte 17 - Warnung: unzulässiger Zeichencode wird ersetzt: 133
Zeile 255 Spalte 1 - Warnung: ersetze Element </p> durch <br>
Zeile 255 Spalte 1 - Warnung: implizites <br> eingefügt
Zeile 285 Spalte 1 - Warnung: kürze leeres <marquee>
Zeile 285 Spalte 9 - Warnung: implizites <marquee> eingefügt
Zeile 285 Spalte 9 - Warnung: kürze leeres <marquee>
Zeile 285 Spalte 13 - Warnung: implizites <marquee> eingefügt
Zeile 286 Spalte 13 - Warnung: implizites <marquee> eingefügt
Zeile 286 Spalte 13 - Warnung: unzulässiger Zeichencode wird ersetzt: 133
Zeile 286 Spalte 43 - Warnung: implizites <marquee> eingefügt
Zeile 288 Spalte 1 - Warnung: implizites <marquee> eingefügt
Zeile 288 Spalte 40 - Warnung: ungültiges &-Zeichen oder unbekanntes Sonderzeichen "&kategorie"
Zeile 290 Spalte 13 - Warnung: implizites <marquee> eingefügt
Zeile 290 Spalte 46 - Warnung: implizites <marquee> eingefügt
Zeile 292 Spalte 1 - Warnung: implizites <marquee> eingefügt
Zeile 292 Spalte 40 - Warnung: ungültiges &-Zeichen oder unbekanntes Sonderzeichen "&kategorie"
Zeile 294 Spalte 13 - Warnung: implizites <marquee> eingefügt
Zeile 294 Spalte 43 - Warnung: implizites <marquee> eingefügt
Zeile 295 Spalte 50 - Warnung: <br...> unbekannter Attributwert "(null)"
Zeile 295 Spalte 50 - Fehler: <br...> wurde nicht erkannt!
Zeile 295 Spalte 50 - Warnung: unerwartetes <br...> wird entfernt
Zeile 296 Spalte 40 - Warnung: ungültiges &-Zeichen oder unbekanntes Sonderzeichen "&kategorie"
Zeile 298 Spalte 10 - Warnung: fehlendes </h3> vor <h2>
Zeile 298 Spalte 13 - Warnung: implizites <marquee> eingefügt
Zeile 298 Spalte 43 - Warnung: implizites <marquee> eingefügt
Zeile 300 Spalte 1 - Warnung: implizites <marquee> eingefügt
Zeile 300 Spalte 40 - Warnung: ungültiges &-Zeichen oder unbekanntes Sonderzeichen "&kategorie"
Zeile 301 Spalte 13 - Warnung: implizites <marquee> eingefügt
Zeile 301 Spalte 13 - Warnung: kürze leeres <marquee>
Zeile 301 Spalte 17 - Warnung: implizites <marquee> eingefügt
Zeile 302 Spalte 13 - Warnung: implizites <marquee> eingefügt
Zeile 303 Spalte 1 - Warnung: implizites <marquee> eingefügt
Zeile 303 Spalte 40 - Warnung: ungültiges &-Zeichen oder unbekanntes Sonderzeichen "&kategorie"
Zeile 305 Spalte 13 - Warnung: implizites <marquee> eingefügt
Zeile 305 Spalte 31 - Warnung: unzulässiger Zeichencode wird ersetzt: 150
Zeile 305 Spalte 31 - Warnung: implizites <marquee> eingefügt
Zeile 306 Spalte 1 - Warnung: unzulässiger Zeichencode wird ersetzt: 133
Zeile 307 Spalte 1 - Warnung: implizites <ul> eingefügt
Zeile 307 Spalte 5 - Warnung: implizites <marquee> eingefügt
Zeile 308 Spalte 40 - Warnung: ungültiges &-Zeichen oder unbekanntes Sonderzeichen "&kategorie"
Zeile 310 Spalte 10 - Warnung: fehlendes </ul> vor <h2>
Zeile 310 Spalte 13 - Warnung: implizites <marquee> eingefügt
Zeile 310 Spalte 29 - Warnung: implizites <marquee> eingefügt
Zeile 312 Spalte 40 - Warnung: ungültiges &-Zeichen oder unbekanntes Sonderzeichen "&kategorie"
Zeile 314 Spalte 13 - Warnung: implizites <marquee> eingefügt
Zeile 314 Spalte 47 - Warnung: implizites <marquee> eingefügt
Zeile 317 Spalte 40 - Warnung: ungültiges &-Zeichen oder unbekanntes Sonderzeichen "&kategorie"


150 Warnungen/Fehler gefunden!

Das Dokument enthält Fehler, die vor dem Einsatz von
HTML Tidy beseitigt werden müssen, um eine aufgeräumte
Fassung zu generieren.

Alles was angesichts dieser Fehler dargestellt wird, unterliegt dem puren Zufall...insofern war meine Antwort die hifreichste von allen gegebenen, würd ich mal sagen :p

Also zäume das Pferd gefälligst nicht vom Schwanz her auf, und produziere erstmal ein anständiges Dokument, bevor du dich an dessen Gestaltung wagst.
 
Die meisten Fehler beziehen sich laut deinem File auf mein Javascript... Denn die Zeilen 5-161 werden ausschliesslich vom Javascript eingenommen...
Das &-Zeichen stammt vom PHP-Code... und dann sieht das ganze gar nicht mehr so schlimm aus...!
Das div-Problem habe ich mittlerweile geändert
das <p> und das <br /> wird vom PHP-Script so erzeugt.
Jetzt muss ich nur noch das Problem mit dem Marquee lösen...

Soo das nur mal zur rechten Darstellung!
 
Das ist dem Browser recht egal, woher die Fehler kommen...wenn ein PHP-Skript HTML-Fehler produziert, dann must du halt das Skript ändern.

Auch die Fehler im JS-Code gehören beseitigt, selbst wenn sie keine Darstellungsfehler verursachen, und die & gehören umschrieben mit &amp;
 
Status
Nicht offen für weitere Antworten.
Zurück