---
title: "Två lika breda kolumner i en tabell"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/132028-två-lika-breda-kolumner-i-en-tabell"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Galadriel"
published: "2005-07-29T18:11:59.000Z"
updated: "2005-07-29T21:24:07.000Z"
replies: 1
views: 221
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/132028-två-lika-breda-kolumner-i-en-tabell"
---

# Två lika breda kolumner i en tabell

## #1 — Galadriel, 2005-07-29T18:11Z

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

```php
<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>
```

Permalänk: https://www.webforum.nu/p/132028

## #2 — zcorpan, 2005-07-29T21:24Z

```
table { table-layout:fixed; }
```

Permalänk: https://www.webforum.nu/p/1649492

---

Tråden på webben: https://www.webforum.nu/amne/html-css/132028-två-lika-breda-kolumner-i-en-tabell
