Tabels - align

Prøv sådan:

<table width="100"%>
<tr>
    <td width="15%">&nbsp;</td>
    <td width="70%"><img src="pics/cool.jpg" alt="blag"></td>
    <td valign="bottom" width="15%" align="right">
<font face="verdana" size="+3>TEST</font>
    </td>
</tr>

Nej, desværre virker det ikke..

<table width="100"%>
<tr><td width="15%">">&nbsp;</td>
<td width="70%"><img src="pics/cool.jpg" alt="blag"></td>
<td valign="bottom" width="15%" align="right"><font face="verdana"size="+3>TEST</font></td>
</tr>
</table>

Sæt dine </td> i enden af hver linie...

<table width="100"%> om til <table width="100%">

;O)

<table style="table-layout:fixed;width:100%">

mjl > du har fat i noget!
webcreator > det er det mjl siger. Ordet "Test" fylder mere end 12,5 pixel, Derfor!
/gizp

Nej, det med procent har jeg rettet for længst. Det var bare en mindre fejl her på eksperten.

???

Mit problem er desværre stadig ikke løst.. Og det med CSS var mht. Align-tingene.

Hvis jeg fx. erstatter højre celle med en kopi af venstre celle, så er der ingen problemer. Dvs uden aligns osv.

Det er din valign="bottom" der laver problemet...!!!

Sorry - align="right"

Nej, jeg vrøvler - det her er mystisk - bruger lige lidt mere tid.....der må være en løsning!!! Måske er det noget med de 16 px. der er til "overs" i højre side???

Ja, det her er ret mærkeligt, hehe :-)

smider lige lidt flere points..

Jamen, er det ikke bare fordi der står så lidt i din venstre celle? Prøv at fylde begge celler ud med en masse tekst og se hvad der sker.

Prøv at skrive ET bogstav i hver celle.. Det giver _stadig_ probz

Det er de aligns..

Har lige prøvet at teste dine koder på min computer med <table width="100"%> ændret til <table width="100%"> og der ser det da helt perfekt ud. Cellen til højre og cellen til venstre er præcis lige store så vidt jeg kan se! Jeg bruger IE 6.0.

Har du skrevet noget i begge celler ? Og har du aligns på ?

Det jeg har skrevet er:

<table width="100%">
<tr>
    <td width="15%" bgcolor="#CCCCCC"></td>
    <td width="70%"><img src="pics/cool.jpg" alt="blag"></td>
    <td valign="bottom" width="15%" align="right" bgcolor="#CCCCCC">
<font face="verdana" size="+3>TEST</font>
    </td>
</tr>
</table>

(satte farver på cellerne for at se hvor store de var)

Hvis du vil angive cellestørrelse uafhængigt af indholdet skal du, som jeg skrev tidligere, sætte dette i dit table-tag:
style="table-layout:fixed;width:100%"
Så er der ingen problemer med størrelsen.

callesen> Jeg har brugt 2 timer på problemet, og der er intet at gøre - prøv at tage en linial, og mål de 2 yderste td'er - de bliver ikke ens i bredden - det er totalt MYSTISK!!!

Dette duer heller ikke:

<table cellpadding="0" cellspacing="0" style="table-layout : fixed; width : 100%">
<tr>
<td width=15% height=20 bgcolor="#ffff00" align=center>aaaaaaaaaaaaaaaaaa</td>
<td width=70% height=20 bgcolor="#dddddd">..............................</td>
<td width=15% height=20 bgcolor="#ffff00" align=center>aaaaaaaaaaaaaaaaaa</td>
</tr>
</table>

Jeg bli'r sindsyg - denne bliver heller ikke lige...

<table width=1000 cellpadding="0" cellspacing="0">
<tr>
<td width=150 height=20 bgcolor="#ffff00" align=center>aaaaaaaaaaaaaaa</td>
<td width=700 height=20 bgcolor="#dddddd" align=center>aaaaaaaaaaaaaaa</td>
<td width=150 height=20 bgcolor="#ffff00" align=center>aaaaaaaaaaaaaaa</td>
</tr>
</table>

Det må sgu da være en fejl i Browseren, eller hva?

webcreator > Har du fundet ud af noget?

Med dette style i head:
<STYLE TYPE="text/css">
TABLE, TD {
border:1px solid #000000;
table-layout:fixed;
padding:0px;
empty-cells:show;
border-spacing:1px;
border-collapse:collapse;
}

</STYLE>
og denne tabel:
<table width=1000 cellpadding="0" cellspacing="0">
<tr>
<td style="width:150px;height:20px;" bgcolor="#ffff00" align=center>aaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
<td style="width:700px;height:20px;" bgcolor="#dddddd" align=center>aaaaaaaaaaaaaaa</td>
<td style="width:150px;height:20px;" bgcolor="#ffff00" align=center>aaaaaaaaaaaaaaa</td>
</tr>
</table>
er der ingen grund til at blive sindsyg. Nøjagtig med det antal pixel der er angivet.
Også med denne bliver de lige store men afhængig af browserens 'størrelse'.:
<table>
<tr>
    <td width="15%"></td>
    <td width="70%"><table width="100%">
<tr>
    <td width="15%" bgcolor="#CCCCCC"></td>
    <td width="70%"><img src="pics/cool.jpg" alt="blag"></td>
    <td valign="bottom" width="15%" align="right" bgcolor="#CCCCCC">
<font face="verdana" size="+3">TEST</font>
    </td>
</tr>
</table>
</td>
    <td valign="bottom" width="15%" align="right">
<font face="verdana" size="+3">TEST</font>
    </td>
</tr>
</table>

Hej igen.
Beklager, at jeg først vender tilbage nu.

Til sidst løste jeg problemet ved, at sætte højre og venstre celle på plads med bestemte størrelser. Mega irriterende. Men det løsning var nu engang den bedste til mit projekt her. Men tak for indlæg. Der er en lille belønning til alle.