---
title: "två tabeller (eller fler) bredvid varandra"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/152032-två-tabeller-eller-fler-bredvid-varandra"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "devotion"
published: "2006-10-03T17:20:53.000Z"
updated: "2006-10-03T20:54:40.000Z"
replies: 8
views: 1345
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/152032-två-tabeller-eller-fler-bredvid-varandra"
---

# två tabeller (eller fler) bredvid varandra

## #1 — devotion, 2006-10-03T17:20Z

:e 
Hej!

Hur gör jag för att få två tabeller bredvid varandra på ett smidigt sätt? Jag har en yta som jag vill att de ska ligga på. Jag vill att de är centrerade på denna yta..

```
<table>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
```

Mvh
Henrik

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

## #2 — Riffles, 2006-10-03T18:04Z

Du kan skapa en tabell i tabell så här:

```

<html>
<head><title></title>
<head>

<body>

<div align=center>
<table border=1 width=400 height=400>
<td align=center>

<table border=1>
<td align=center>tabell 1</td>

</table>
</td>
<td align=center>
<table border=1>
<td align=center>tabell 2</td>

</table>

</td>

</td>
</table>
</div>
```

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

## #3 — devotion, 2006-10-03T18:14Z

Men ska jag inte använda css?

Mvh
Henrik

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

## #4 — Mulle, 2006-10-03T18:14Z

> **devotion skrev:**
>
> :e 
> Hej!
> 
> Hur gör jag för att få två tabeller bredvid varandra på ett smidigt sätt? Jag har en yta som jag vill att de ska ligga på. Jag vill att de är centrerade på denna yta..
> 
>
>
> ```
> <table>
>   <tr>
>     <td>&nbsp;</td>
>     <td>&nbsp;</td>
>     <td>&nbsp;</td>
>     <td>&nbsp;</td>
>   </tr>
>   <tr>
>     <td>&nbsp;</td>
>     <td>&nbsp;</td>
>     <td>&nbsp;</td>
>     <td>&nbsp;</td>
>   </tr>
> </table>
> ```
>
> 
> 
> Mvh
> Henrik

Kanske något sådant här.Då är kantlinjerna dolda.  :i 
 \<p align="center"\>&nbsp;\<div align="center"\>
	\<table border="0" width="50%" id="table1"\>
		\<tr\>
			\<td\>&nbsp;\</td\>
			\<td\>&nbsp;\</td\>
		\</tr\>
		\<tr\>
			\<td\>&nbsp;\</td\>
			\<td\>&nbsp;\</td\>
		\</tr\>
	\</table\>
\</div\>
\</div\>
\</p\>

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

## #5 — zcorpan, 2006-10-03T18:34Z

Det här borde funka:

```
table { display:inline-table; }
```

Och sen ange text-align:center på nån anfader. Men som vanligt är det sisådär med stöd i webbläsare. :(

Alternativ är float:left eller kankse till och med bara display:inline?

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

## #6 — caya, 2006-10-03T18:34Z

klart du ska använda css!

```
<style type="text/css">
<!--
body { 
text-align:center;
margin:0; padding:0;
}
#table {
margin:10px auto;
height:400px; width:400px;
border:0;
text-align:left;
}
.left { background:#333; float:left;
width:190px; height:400px;
}
.right { background:#c00; float:right;
width:190px; height:400px;
}
.clear { clear:both;
font:1px/1px Verdana, Arial, Helvetica, sans-serif; 
}
-->
</style>
```

```
<div id="table">
<table class="left">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<table class="right">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<div class="clear">&nbsp;</div>
</div>
```

/r - tanten och jag är rätt lika ;)

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

## #7 — tanten, 2006-10-03T18:49Z

Hann skriva ett enkelt förslag innan jag såg de sista inläggen.
Men någonting så här eftersom detta med text-align center är svårt med tabeller... i en del webläsare
La dit en bakgrundsfärg för att du skulle se hur de hamnade i diven

```
#tabeller{ width: 500px; background-color: #008000 }
table{ float: left; width: 200px; background-color: #00F; margin: 20px; }
```

```
<div id="tabeller"><table><tr><td>en cell</td></tr></table><table><tr><td>en cell</td></tr></table></div>
```

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

## #8 — Riffles, 2006-10-03T18:58Z

Ah, trodde inte pga Devotions förslag att han skulle använda css, men givetvis ska han det!

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

## #9 — devotion, 2006-10-03T20:54Z

Tackar!

Mvh
Henrik

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/152032-två-tabeller-eller-fler-bredvid-varandra
