---
title: "Vertikal positionering"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/191108-vertikal-positionering"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "TStreamside"
published: "2013-01-28T19:43:02.000Z"
updated: "2013-01-29T10:11:58.000Z"
replies: 1
views: 528
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/191108-vertikal-positionering"
---

# Vertikal positionering

## #1 — TStreamside, 2013-01-28T19:43Z

Hej,

Har stött på ett problem med positionering i tabeller. Förenklat ser koden ut så här:

```
<table style="background-color: red;">
  <tr>
    <td>
      <table id="boxA" style="height: 100px; display: inline; background-color: lightblue;">
        <tr>
          <td>Box A</td>
        </tr>
      </table>
      <span id="boxB" style="background-color: lightgreen;">Box B</span>
    </td>
  </tr>
</table>
```

Det jag vill uppnå är att texten i höger box hamnar på vertikala position som box A.

I Chrome och Firefox funkar koden ovan ok men i IE 8 och 9 hamnar Box B längst ner.

Bifogar ett mer komplett exempel till tråden.

Några tips på hur man kan få det att funka även i IE?

Bilagor:

- [VerticalAlignment.zip](https://www.webforum.nu/a/23531.zip)

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

## #2 — prplxr, 2013-01-29T10:11Z

Det där ser inte helt okej ut. Varför gör du inte bara två \<td\>'s? 

```
<table style="background-color: red;">
  <tr height="100">
    <td id="boxA" style="background-color: lightblue;">
      Box A
    </td>
    <td id="boxB" style="background-color: lightgreen;">
      Box B
    </td>
  </tr>
</table>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/191108-vertikal-positionering