---
title: "Enkla tabeller med CSS istället"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/102305-enkla-tabeller-med-css-istället"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "petergrennanet"
published: "2004-04-25T14:21:53.000Z"
updated: "2004-04-26T21:29:50.000Z"
replies: 8
views: 482
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/102305-enkla-tabeller-med-css-istället"
---

# Enkla tabeller med CSS istället

## #1 — petergrennanet, 2004-04-25T14:21Z

För alla CSS experter kanske detta är en enkel fråga, men jag sliter fortfarande med det.

Jag vill ersätta:

```
<table align="center">
<tr>
  <td valign="top">Something something</td>
  <td valign="top">Anything anything</td>
</tr>
</table>
```

...och...

```
<table align="center" width="99%">
<tr>
  <td valign="top">Nånting</td>
  <td valign="top" align="right">Annat</td>
</tr>
</table>
```

...till CSS. Det är inte mer komplicerat än så. Det är inte fråga om avancerade menyer eller nånting. Det är bara text spritt sidledes.

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

## #2 — Web-Tor, 2004-04-25T14:26Z

valign = vertical-align
align = text-align

Sedan beror det på hur du vill lägga in CSS på sidan.
Deu kan t.ex. göra det så här:

```
<td style="text-align:top;">Nånting</td>
```

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

## #3 — dectgap, 2004-04-25T14:27Z

```
<p style="text-align: center">
  Something something
  Anything anything
</p>

<p style="width: 99%; margin-left: auto; margin-right: auto">
  <span style="float: left">Nånting</span>
  <span style="float: right">Annat</span>
  <br style="clear: both" />
</p>
```

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

## #4 — Melea, 2004-04-25T14:27Z

```
<table style="text-align: center;">
<tr>
  <td style="vertical-align: top;">Something something</td>
  <td style="vertical-align: top;">Anything anything</td>
</tr>
</table>

<table style="text-align: center; width: 99%;">
<tr>
  <td style="vertical-align: top;">Nånting</td>
  <td style="vertical-align: top; text-align: right;">Annat</td>
</tr>
</table>
```

**Edit:** Det gick la fort där ;)

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

## #5 — petergrennanet, 2004-04-25T14:37Z

Tack dectgap! Du är min nya hjälte.

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

## #6 — Troxy, 2004-04-26T08:33Z

Orka med en hel tabelljävel:

```
<div style="text-align: left; width: 50%; position: absolute;">Nånting</div>
<div style="text-align: right; width: 100%; position: absolute;">Annat</div>
```

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

## #7 — jarvklo, 2004-04-26T09:04Z

Först vill jag bara säga **Välkommen till wF Troxy!**
Men sedan måste jag också tyvärr be dig att tänka över ditt språkval när du svarar på frågor här (se [§4 i wF:s regler](http://www.webforum.nu/faq.php?faq=about_wf#rules_4) )

Hälsar
/Jarvklo - Moderator  HTML, XHTML & CSS

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

## #8 — petergrennanet, 2004-04-26T09:37Z

Troxy, när jag testade din kod fick jag en horizontell scroll i Firefox.

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

## #9 — Troxy, 2004-04-26T21:29Z

Ursäkta mitt språk då.  :) 

Jag gjorde den där koden lite snabbt. Men det jag vill få fram är, att det går att göra om hela tabell-koden till CSS. Då går allt mycket smidigare.

Testa denna kod istället:

```
<div style="text-align: left; width: 50%; position: absolute;">Nånting</div>
<div style="text-align: right; width: 50%; position: absolute; left: 50%;">Annat</div>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/102305-enkla-tabeller-med-css-istället