---
title: "Fylla ut högerdiv till högra kanten?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/130065-fylla-ut-högerdiv-till-högra-kanten"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Jesper T"
published: "2005-06-16T08:23:03.000Z"
updated: "2005-06-16T11:45:15.000Z"
replies: 8
views: 294
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/130065-fylla-ut-högerdiv-till-högra-kanten"
---

# Fylla ut högerdiv till högra kanten?

## #1 — Jesper T, 2005-06-16T08:23Z

Jag vill att den högra diven skall fyllas ut ända till högerkanten men om jag sätter width:100%; så flyttas den ned på raden under och det skall den inte göra.

```
<div style="width:100%;">
    <div style="border: 1px solid red; position:relative; float:left;">Ett två tre fyra</div>
    <div style="border: 1px solid red; position:relative; float:left; margin-left:2px; ">&nbsp;</div>
</div>
```

 Vill att det skall se ut som på bilden.

Bilagor:

- [div-s.gif](https://www.webforum.nu/a/6691.gif)

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

## #2 — Jesper T, 2005-06-16T08:40Z

```
<table width="100%" border="0">
  <tr>
    <td style="border: 1px solid red;">Ett två tre fyra &nbsp;</td>
    <td style="border: 1px solid red;">&nbsp;</td>
  </tr>
</table>
```

Detta skulle också kunna funka men då blir proportionerna fel. Den första "td:n" skall sluta efter "fyra" och sedan skall den andra fylla upp resten.

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

## #3 — Insider, 2005-06-16T08:49Z

Det här blir rätt. 
Fast nu blir kanske inte kantlinjerna riktigt som du vill ha dem?

```
<div style="width:100%; border: 1px solid red;">
    <div style="border-right: 1px solid red; display:inline;">Ett två tre fyra</div>
    mera innehåll
</div>
```

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

## #4 — Jesper T, 2005-06-16T09:45Z

Precis det blir inget mellanrum mellan divarna enligt bilden.

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

## #5 — Melea, 2005-06-16T09:50Z

Sätt den på 90% då och kör 20%/70% eller liknande, så skapas det automatiskt ett mellanrum mellan sidorna.

**/r** menar att du ska sätta den på 100% och sedan 20%/70%. :)

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

## #6 — Jesper T, 2005-06-16T09:59Z

Tack för att ni vill hjälpa en stackars sate, men jag fattar inte. 

Innehållet i den vänstra kommer att vara dynamiskt. (Alltså variera mellan fyra och 10 ord ca.)
Den högra skall vara utan innehåll.
Det skall vara 1px eller 2px avstånd mellan divarna/td-elementen.
Den högra skall fyllas ut till högerkanten.

Åhhhh, detta lilla enkla skall väl inte vara så svårt?! :grrrr!
Back to basic!

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

## #7 — m_soderlund, 2005-06-16T10:55Z

Om den högra diven ska vara utan innehåll - varför har du den där över huvud taget då? ;)

Well.. Kan detta vara något? (Kolla källkoden i html-filen)

[Test "relativ" bredd](http://member.webforum.nu/4237/relativ_bredd-test.html)

**/r** fel av mig, läste inte tillräckligt.. men det kanske är nåt att spinna vidare på så länge.

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

## #8 — Insider, 2005-06-16T11:22Z

> **Jesper T skrev:**
>
> Precis det blir inget mellanrum mellan divarna enligt bilden.

Nej, men då styr du avståndet med padding och lägger in en bakgrundsbild i den innersta div:en som ser ut som en kantlinje.

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

## #9 — Jesper T, 2005-06-16T11:45Z

Verkar jättebra, vill du ge mig ett exempel Insider. Så skulle det hjälpa en överhettad trött gammal hjärna.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/130065-fylla-ut-högerdiv-till-högra-kanten