Hallo Gemeinde,
ich schlage mich seit Wochen mit folgenden Problem rum:
Ich habe eine 100 % Breite Tabelle, die bei dem IE aus dem Content springt, siehe
http://maik-endler.de/116.0.html
Firefox funktioniert.
Die Seite ist valide, siehe
http://validator.w3.org/check?uri=http%3A%2F%2Fmaik-endler.de%2F116.0.html
Ich habe das Problem jetzt soweit eingegrenzt. Es liegt an
<?xml version="1.0" encoding="iso-8859-1"?>
Diese Zeile wird offenbar in meinen Setup erzeugt durch:
config.doctype = xhtml_trans
config.xhtml_cleaning = all
Hat jemand eine Idee ?
Grüße
Maik :x
Anbei der erzeugte Code:
<?xml version="1.0" encoding="iso-8859-1"?>
<!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" xml:lang="en" lang="en">
<head>
<style type="text/css"><!--
html, body{
margin:0;
padding:0;
font-size: 90%;
font-family: verdana,arial,helvetica,sans-serif;
color:#564b47;
background:#FAFAFA;
}
#pagewidth{
width:100%;
min-width: 500px;
}
#header{
height:auto;
width:100%;
background-color:#D9E1E9;
border-bottom: solid silver 1px;
}
#leftcol{
width:140px;
float:left;
position:relative;
margin-left:-140px;
margin-right:1px;
}
#outer{
border:solid white 0px;
/*/*/ border-left-width: 140px ; /* left column width. NN4 hack to hide borders */
border-left-color: #F5F4EE; /* left column colour */
border-left-style: solid;
/*/*/ border-right-width: 20px; /* right column width. NN4 hack to hide borders */
border-right-color: #F5F4EE; /* right column colour #FAFAFA; */
border-right-style: solid;
background-color: #FAFAFA; /* center column colour */
width: auto;
}
#rightcol{
/*/*/ width:20px; /* hack keeps NN4 right column right? */
float:right;
position:relative;
margin-right:-20px;
margin-left:1px;
}
#footer{
height:auto;
width:100%;
background-color:#D9E1E9;
border-top: solid silver 1px;
border-bottom: solid silver 1px;
}
#inner{margin:0; width:100%;}
#maincol{
float: left;
width: 100%;
position: relative;
margin: 0 -8px 0 -2px;
}
#outer>#inner { border-bottom: 1px solid #FFFFFF; }
.clr{clear:both;}
.pad-all{padding:5px;} /*padding for content */
.innen{padding:5px;} /*padding for content */
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/
//--></style>
<title>Home</title>
</head>
<body bgcolor="#FFFFFF">
<!-- Generated at www.csscreator.com -->
<div id="pagewidth" ><!--###pagewidth### begin -->
<div id="header" ><!--###header### begin -->
<div class="innen"><!--###innen### begin --> Head
<!--###innen### end --></div>
<!--###header### end --></div>
<div id="outer" ><!--###outer### begin -->
<div id="inner"><!--###inner### begin -->
<div id="leftcol" ><!--###leftcol### begin -->
<div class="innen"><!--###innen### begin -->
LEFT LEFT LEFT LEFT LEFT <br /> LEFT LEFT LEFT LEFT LEFT
<!--###innen### end --></div>
<!--###leftcol### end --></div>
<div id="maincol" ><!--###maincol### begin -->
<div class="innen">
ACHTUNG! UMBAUARBEITEN!
<div id="content" >
<!-- CONTENT ELEMENT, uid:189/html [begin] -->
<a name="189"></a>
<!-- Raw HTML content: [begin] -->
<table border="1" width="100%">
<tr>
<th>Berlin</th>
<th>Hamburg</th>
<th>München</th>
</tr><tr>
<td>Miljöh</td>
<td>Kiez</td>
<td>Bierdampf</td>
</tr><tr>
<td>Buletten</td>
<td>Frikadellen</td>
<td>Fleischpflanzerl</td>
</tr>
</table>
<!-- Raw HTML content: [end] -->
<!-- CONTENT ELEMENT, uid:189/html [end] -->
</div>
</div>
<!--###maincol### end --></div>
<div id="rightcol" ><!--###rightcol### begin -->
<div class="innen"><!--###innen### begin --> R
<!--###innen### end --></div>
<!--###rightcol### end --></div>
<div class="clr"><!--###clr### begin -->
<!--###clr### end --></div>
<!-- close inner and outer -->
<!--###inner### end --></div>
<!--###outer### end --></div>
<div id="footer" ><!--###footer### begin -->
<div class="innen"><!--###innen### begin --> Footer
<!--###innen### end --></div>
<!--###footer### end --></div>
<div class="clr"><!--###clr### begin -->
<!--###clr### end --></div>
<!--###pagewidth### end --></div>
</body>
</html>