nicht angemeldet
Div ist zu breit
Hallo,
ich tüftle jetzt schon sehr lange herum.
Bei dem folgenden Code sollte der weisse balken genau so groß sein, wie der orange.
Das Problem liegt an dem eingestellten padding von
#item {
background:#FBFBFB;
padding:10px 20px 10px 20px;
}
Wenn dieser auf 0 steht, dann geht es.
Darf man in DIVs, die in der Breite begrenzt sind, keine Tabellen verwenden, die 100% breit sind?
Gruß
steff
code:
<html>
<head>
<title>teest</title>
<style type="text/css">
<!--
body {
background-color:#000543;
}
#main {
width:800px;;
}
#main h1 {
background-color: #f1a400;
}
#item {
background:#FBFBFB;
padding:10px 20px 10px 20px;
}
-->
</style>
</HEAD>
<BODY >
<DIV id=main>
<h1>test</h1>
<div id=item>
<table width="100%" border="0" cellspacing="0" cellpadding="5" bgcolor="#3333CC" >
<tr class="">
<td height="15" width="6%"><b></b></td>
<td height="15" width="52%"><b>test:</b></td>
<td height="15" width="28%"><div align="center"><b>test:</b></div></td>
<td height="15" width="14%"> </td>
</tr>
</table>
</div>
</DIV>
</BODY>
</HTML>
-
Hi Steff,
padding definiert den Abstand nach innen von #item. Ist ja logisch, dass der table dann kleiner wird. Er ist halt 100% abzüglich des paddings von item.
Gruß
Ronald-
Hallo Ronald,
das ist ja eben nicht...
die Tabelle sollte kleiner sein, ist es aber nicht und verschiebt deswegen das darumstehende DIV und macht es größer. Das ist ja der Fehler.Gruß
steff-
Hi Steff,
im FF ist es so wie Du es Dir vorstellst. Im IE jedoch nicht. Habe auf meinem Rechner Version 6.
Du arbeitest ja im umgebenden Div mit einer festen Breite. Versuche doch mal das gleiche bei der Tabelle.
Gruß Ronald
-
-