"Henrik Koksby Hansen" <webmaster@koksby.dk> skrev i en meddelelse
news:0dubjtg4qpnm7tb9htfl1rdchlll40ktr7@4ax.com...
> Hej.
>
> Når man i en tabel anvender <td style="padding: 10px;"> tilføjer IE
> automatisk 10px til bredden!!!
>
> Hvordan undgår man det?
> Hvor man i IE tydeligt ser at bredden er tilføjet 10px, mens Netscape
> klarer det uden problemer...
En mulig løsning der virker i IE5.5, Netscape6.0 og Opera5.11:
----------------
style-sektion:
body {
background-color: #ffffff;
margin: 0px;
padding-top: 40px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px }
..cellea {
width: 148px;
height: 410px;
background-color: #7b8c9c;
background-image: url(menu.gif);
background-repeat: no-repeat }
..celleb {
width: 550px;
height: 410px;
background-color: #f7f7e7;
background-image: url(bjaelke.gif);
background-repeat: no-repeat }
..cellec {
width: 100px;
height: 410px;
background-color: #f1f1e4 }
..text {
position: absolute;
background-color: transparent;
padding-top: 80px;
padding-left: 10px;
padding-right: 0px;
padding-bottom: 10px }
html:
<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0" ALIGN="center">
<TR VALIGN="TOP">
<TD CLASS="cellea"><DIV CLASS="text">MENU-TING</DIV> </TD>
<TD CLASS="celleb"><DIV CLASS="text"><STRONG>BRØDTEKST</STRONG><P>Her
kommer en hulens masse tekst</P>.</DIV> </TD>
<TD CLASS="cellec"><DIV CLASS="text">MARGIN</DIV> </TD>
</TR>
</TABLE>
Fidusen er at skille style der vedrører cellen og style der vedrører teksten
i samme.
Den lille i hver celle er til ære for Netscape6.0, der ellers ikke
synes den vil fremvise baggrund i cellerne.
mvh
mola