IE zeigt tabellenlayout nicht richtig an!

rasphilos

Hallo,

ich weiß, Tabellen sind scheisse, aber ich kanns nunmal nicht anders
Dieses Layout:
http://www.jam-webd3sign.de/sub/kauf/index…ion=erdgeschoss

Wird eigentlich überall richtig angezeigt...nur im IE nicht. Ich suche seit 2 Stunden den Fehler und finde ihn nicht.
Wär nett wenn sichs einer von euch mal ansehen könnte, vllt. ist es ja nur eine kleinigkeit?

Danke für eure Hilfe

Lg
Philipp

Alienx

Zeig bitte erst mal en Quelltext, dann können wir dir besser helfen.

Mein Vorschlag wäre, du packst die Navi und den Inhaltsbereich jeweils in einen Container mit festen Breiten und lässt sich rechst, bzw. links floaten. Die beiden müssen dann zusätzlich noch in einen übergeordnetet div mit fester Breite. So ginge das konform für FF, IE, Opera, Safari, TOB etc.

MfG Alienx

Dodo

Deine Definition von überall ist ja mal gut
Die HP sieht in allen 3 von mir getesteten Browsern anders aus.
In Opera 9, Firefox 2 und IE 6
Andere hab ich zur Zeit nicht.

Gut wäre auch was du als "falsch dargestellt" ansiehst, und wie es aussehen sollte

Krusty

Zitat von rasphilos

Hallo,

ich weiß, Tabellen sind scheisse, aber ich kanns nunmal nicht anders
Dieses Layout:
http://www.jam-webd3sign.de/sub/kauf/index…ion=erdgeschoss

Hat glaube ich eher was mit Faulheit zutun.

Zitat von rasphilos

Wird eigentlich überall richtig angezeigt...nur im IE nicht. Ich suche seit 2 Stunden den Fehler und finde ihn nicht.
Wär nett wenn sichs einer von euch mal ansehen könnte, vllt. ist es ja nur eine kleinigkeit?

Danke für eure Hilfe

Lg
Philipp

Setze erstmal einen Doctype rein und überprüfe die Seite auf Fehlern.

Alienx

Tabellen sind ansich schon o.k., aber sie sind nunmal für die tabellarische Darstellung gedacht, nicht für komplette Designs. Die Lösung für dieses Problem wären, wie gesagt, div-Container.

MfG Alienx

Hi,
danke für eure Antworten.
Ja ne mit Faulheit nicht unbedingt...eher der Mangel an Zeit. Aber wie es aussieht muss ich mir wohl das mit den containern aneignen.
Hab das : http://www.validome.org/validate mal versucht aber jetzt stimmt gar nix mehr.

Vllt. habt ihr ein tutorial parat mit dem ich das mit den DIVs einigermaßen schnell lern?

Hier ist der Quellcode.
----
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>

<title> ..::KAUFRING::..</title>

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('Bilder/index_04n.jpg','Bilder/index_06n.jpg','Bilder/index_07n.jpg','Bilder/index_08n.jpg','Bilder/index_09n.jpg','Bilder/index_10n.jpg','images/buttons/portfolio_r.gif','Bilder/index_11n.jpg','Bilder/index_012n.jpg','Bilder/index_013n.jpg')">

<table width="100%" height="589" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="158" height="152">
</td>
<td width="447" height="152">
</td>
<td rowspan="12" background="Bilder/index_03.jpg">
</td>
</tr>
<tr>
<td width="158" height="34">

<a href="index.php?action=aktionen" onMouseOver="MM_swapImage('aktuell','','Bilder/index_04n.jpg',1)" onMouseOut="MM_swapImgRestore()" >
</a></td>

<td rowspan="10" width="447" height="302" background="Bilder/index_05.jpg">

<?
switch($action){

case "aktionen": include("aktionen.php"); break;

case "untergeschoss": include("untergeschoss.php"); break;

case "erdgeschoss": include("erdgeschoss.php"); break;

case "1stock": include("1stock.php"); break;

case "2stock": include("2stock.php"); break;

case "3stock": include("3stock.php"); break;

case "anfahrt": include("anfahrt.php"); break;

case "kontakt": include("link.php"); break;

case "impressum": include("link.php"); break;

default: include("aktionen.php"); break;

}

?>

</td>
</tr>
<tr>
<td width="158" height="29">

<a href="index.php?action=untergeschoss" onMouseOver="MM_swapImage('untergeschoss','','Bilder/index_06n.jpg',1)" onMouseOut="MM_swapImgRestore()" >
</a></td>
</tr>
<tr>
<td width="158" height="28">

<a href="index.php?action=erdgeschoss" onMouseOver="MM_swapImage('erdgeschoss','','Bilder/index_07n.jpg',1)" onMouseOut="MM_swapImgRestore()" >
</a></td>
</tr>
<tr>
<td width="158" height="28">

<a href="#" onMouseOver="MM_swapImage('1stock','','Bilder/index_08n.jpg',1)" onMouseOut="MM_swapImgRestore()" >
</a></td>
</tr>
<tr>
<td width="158" height="28">

<a href="#" onMouseOver="MM_swapImage('2stock','','Bilder/index_09n.jpg',1)" onMouseOut="MM_swapImgRestore()" >
</a></td>
</tr>
<tr>
<td width="158" height="28">

<a href="#" onMouseOver="MM_swapImage('3stock','','Bilder/index_10n.jpg',1)" onMouseOut="MM_swapImgRestore()">
</a></td>
</tr>
<tr>
<td width="158" height="28">

<a href="#" onMouseOver="MM_swapImage('anfahrt','','Bilder/index_11n.jpg',1)" onMouseOut="MM_swapImgRestore()" >
</a></td>
</tr>
<tr>
<td width="158" height="28">

<a href="#" onMouseOver="MM_swapImage('kontakt','','Bilder/index_12n.jpg',1)" onMouseOut="MM_swapImgRestore()" >
</a></td>
</tr>
<tr>
<td width="158" height="28">
<a href="#" onMouseOver="MM_swapImage('impressum','','Bilder/index_13n.jpg',1)" onMouseOut="MM_swapImgRestore()" >
</td>
</tr>
<tr>
<td width="158" background="Bilder/index_14.jpg" rowspan="2">

</td>
</tr>
<tr>

<td width="447" height="135">
</td>
</tr>

<tr>
<td colspan="3" bgcolor="#e9e9ea">
</td></tr>

</table>

</body>
</html>
-----------

Tags