table { table-layout:fixed; }
Frågan#1
Hej
Min hemsida består av en tabell med tre kolumner. Bredden på dessa avgörs i en css fil:
td.left_column
{
vertical-align: top;
width: 18%;
background-color: #A00000;
}
td.middle_column
{
vertical-align: top;
width: 61%;
}
td.right_column
{
vertical-align: top;
width: 21%;
}
I den mittersta kolumnen har jag en tabell med följande styles
table.news
{
border-collapse: collapse;
cellspacing: 20px;
margin-right: 10pt;
margin-left: 10pt;
width: 100%;
height: 100%;
}
Det jag försöker göra är egentligen väldigt enkelt, i denna tabell vill jag ha två lika stora kolumner
td.news
{
width:50%
padding-right: 10px;
font-size: 14;
font-family: Arial, Verdana;
}
Men detta fungerar inte, den högra kolumnen blir alltid bredare, framförallt om jag t ex har en flik till höger med bokmärken (dvs websidan får mindre utrymme), då blir den högra sidan dubbelt så bred
<body>
<?php
top();
?>
<table border=0>
<tr>
<td class="left_column">
<?php
meny();
?>
</td>
<td class="middle_column">
</br>
<table cellspacing=20 class="news">
<tr><th class="news">text1</th>
<th class="news">text2</th></tr>
<tr>
<td class="news" valign=top>
<?php
..........
?>
</td>
<td class="news" valign=top>
<?php
....
?>
</td>
</tr>
</table>
</td>
<td class="right_column">
<?php
right();
?>
</td>
</tr>
</table>