darstellungsprobleme ie6
cr
- html
guten abend,
ich habe einen entwurf einer homepage gebastelt,
noch im erststadium, aber schon hier gibts einen großen darstellungsfehler...der firefox stellt alles richtig dar, aber der ie6 verzieht alles...die pixelabstände stimmen einfach nicht...seht ihr einen fehler? danke für eure hilfe und suche!
cr
hier der quellcode
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="cache-control" content="no-cache">
</head>
<body style="background-color: #e0e0e0; color: #003303; margin-top: 10px; margin-bottom: 10px; margin-right: 0px; margin-left: 0px; ">
<table style="background-color: #B9EB8D; width: 745px; height: 100%; " align="center" border="0" cellspacing="0" cellpadding="0">
<tr style="height: 200px; width: 745px; ">
<td colspan="5" align="center">
<img src="bild.jpg" border="1">
</td>
</tr>
<tr style="height: 40px; vertical-align: top; ">
<td colspan="5" style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #5AB103; ">
<div style="margin-top: 10px; margin-left: 10px; ">
Home | Wir über uns | Unser Angebot | Gästebuch | Bildergalerie | Kontakt
</div>
</td>
</tr>
<tr style="height: 30px;">
<td style="width: 160px; ">
</td>
<td style="width: 30px; background-image:url(co-li1.gif); ">
</td>
<td style="width: 495px; background-color: #C9F4A3; ">
</td>
<td style="width: 30px; background-image:url(co-re1.gif); ">
</td>
<td style="width: 30px; ">
</td>
</tr>
<tr style="height: 100%; ">
<td>
links navi
</td>
<td style="background-color: #C9F4A3; ">
</td>
<td style="background-color: #C9F4A3; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; vertical-align: top; ">
<div style="margin-left: 20px; margin-right: 20px; ">
text
</div>
</td>
<td style="background-color: #C9F4A3; ">
</td>
<td>
</td>
</tr>
<tr style="height: 30px; ">
<td>
</td>
<td style="background-image:url(co-li2.gif); ">
</td>
<td style="background-color: #C9F4A3; ">
</td>
<td style="background-image:url(co-re2.gif); ">
</td>
<td>
</td>
</tr>
<tr style="height: 30px; ">
<td style="background-image:url(tab-li2.gif); background-repeat: no-repeat; background-position: left; ">
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td style="background-image:url(tab-re2.gif); ">
</td>
</tr>
</table>
</body>
</html>
Hallo,
dir fehlt eine Doctypeangabe. Wenn in Firefox und IE alles bestmöglich identisch aussehen soll, musst du immer auch die URI in der Doctypeangabe setzen.
Du solltest dir auch Überlegen Tabellen nicht mehr für das Design zu missbrauchen, sondern die Gestaltung mit Stylesheets zu realisieren.
Gruß;
hallo,
danke für deine hilfe,
war ein fehler meinerseits, habe die erste zeile nicht mit hier in das forum kopiert, habe in der html-datei aber die Doctypeangabe.
Sonst fehler erkennbar?
danke cr
Moin
Sonst fehler erkennbar?
2 Fehler: Tabellenlayout und CSS-Angaben mitten im HTML.
Das ganze ist ein derartiges Code-Chaos, dass die Fehlersuche zu mühsam (abgesehen von solchen ins Auge springenden wie die fehlende doctype) ist.
Versuch doch erst einmal Inhalt (HTML) und Layout (CSS) sauber zu trennen, damit man überhaupt die Fehler finden kann.
Gruß
rfb