lazerviking: liquid header mittels css (opera = ok, IE = nichts passt mehr)

SELF-Forum

liquid header mittels css (opera = ok, IE = nichts passt mehr)

lazerviking
– Informationen zu den Bewertungsregeln

hallo ihr lieben!
ich hab ein riesen problem...

habe ein template mittels html gemacht (da mir die pixelgenaue umsetzung meines designs mittels reinem css zu mühsam erscheint und ich zu wenig know-how habe)

ich habe einen zentrierten header mit logo (welcher dort fest in einer <td> ist und jeweils links und rechts neben diesem header logo habe ich eine <td> welche sich horizontal (also in der weite) wiederholt (falls nötig)

in OPERA wird alles richtig angezeigt, im internet explorer (6.0) sind alle tabellen verschoben und von dem repeat header ist auch nichts mehr zusehen! das ist mein eigentliches problem

ich poste nun mal den kompletten code damit ihr ihn euch ansehen könnt und evtl meinen fehler findet bzw. mir einen rat geben könnt...ich verzweifle bald!

--------CODE START----------
  <!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">
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 1 September 2005), see www.w3.org" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>template-test</title>

<style type="text/css">
/*<![CDATA[*/
 td.c1 { background: #fff url(img/repeatheader.jpg); background-repeat:repeat;
        width: auto;}
body {
        background-color: #363636;
}
/*]]>*/
</style>

<style type="text/css">
/*<![CDATA[*/
 table.c1 {width:100%;}
/*]]>*/
</style>
</head>
<body>
<table align="center" cellpadding="0" cellspacing="0" class="c1">
<tr>
<td height="768" rowspan="5" class="c1"></td>
<td colspan="10"><img src="img/mainheader.jpg" width="928" height="147" alt="" /></td>
<td height="768" rowspan="5" class="c1"></td>
</tr>
<tr>
<td colspan="9"><img src="img/template_04.jpg" width="752" height="1" alt="" /></td>
<td width="176" rowspan="3"><img src="img/navi_right.jpg" width="176" height="47" alt="" /></td>
</tr>
<tr>
<td width="165" rowspan="2"><img src="img/navi_left.jpg" width="165" height="46" alt="" /></td>
<td width="61"><img src="img/button_index.jpg" width="61" height="24" alt="" /></td>
<td width="79"><img src="img/button_eventpool.jpg" width="79" height="24" alt="" /></td>
<td width="58"><img src="img/button_board.jpg" width="58" height="24" alt="" /></td>
<td width="63"><img src="img/button_journal.jpg" width="63" height="24" alt="" /></td>
<td width="63"><img src="img/button_search.jpg" width="63" height="24" alt="" /></td>
<td width="85"><img src="img/template_12.jpg" width="85" height="24" alt="" /></td>
<td width="70"><img src="img/button_impress.jpg" width="70" height="24" alt="" /></td>
<td width="108"><img src="img/button_myaccount.jpg" width="108" height="24" alt="" /></td>
</tr>
<tr>
<td colspan="8"><img src="img/navi_shadow_bottom.jpg" width="587" height="22" alt="" /></td>
</tr>
<tr>
<td colspan="10"><img src="img/center.jpg" width="928" height="574" alt="" /></td>
</tr>
</table>
</body>
</html>

----------CODE ENDE --------------

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. liquid header mittels css (opera = ok, IE = nichts passt mehr)

    Claus Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo lazerviking,

    wenn Du dieses Machwerk mal online bringen könntest, könnte man sehen, wie verschiedenen Brauser dieses Konstrukt darstellen und was der validator dazu sagt. Schon jetzt ist aber klar, dass ein Header mit Doctype XHTML und table "align" und td "height" nicht wirklich gut zusammenpassen.
    Grüße,
    Claus

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. liquid header mittels css (opera = ok, IE = nichts passt mehr)

      LazerViking
      – Informationen zu den Bewertungsregeln

      Hallo lazerviking,

      wenn Du dieses Machwerk mal online bringen könntest, könnte man sehen, wie verschiedenen Brauser dieses Konstrukt darstellen und was der validator dazu sagt. Schon jetzt ist aber klar, dass ein Header mit Doctype XHTML und table "align" und td "height" nicht wirklich gut zusammenpassen.
      Grüße,
      Claus

      hey! also ich hab schon alle möglichen doctypes ausprobiert doch mein problem besteht weiterhin... :-/

      aber ansonsten kann ich es leider nich online stellen mit ALLEN grafiken... ich hab eine version online in der nur das header bild angezeigt wird welches sich wiederholen soll!
      aber die andern bilder braucht man ja nich weil man ja die fläschen sieht (is mir nich recht das komplette design des projekts zu posten... sorry hehe)

      http://home.arcor.de/silentdonkey/index.html

      du kannst ja/ihr könnt ja mal schauen... (im opera stimmt die ansicht)

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln