---
title: "Varför håller sig texten inte sig inom sin DIV?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/168660-varför-håller-sig-texten-inte-sig-inom-sin-div"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "medialabs"
published: "2008-02-02T10:37:58.000Z"
updated: "2008-02-03T08:20:16.000Z"
replies: 4
views: 522
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/168660-varför-håller-sig-texten-inte-sig-inom-sin-div"
---

# Varför håller sig texten inte sig inom sin DIV?

## #1 — medialabs, 2008-02-02T10:37Z

Hej,

Håller på och knåpar på en webbplats till en förening som jag är involverad i och håller på och vidareutvecklar den kommande sidan. Har stött på ett ganska så störande problem.

**Fråga 1**
Jag har alltså två stycken DIV:ar brevid varandra, Vänster-Höger

Så långt är allt OK, men när jag fyller på med långa meningar av text i den vänstra DIV:en så lägger sig texten över texten i den högra DIV:en.

Håller på och blir knäpp nu, hållt på i snart 3 dagar och inte kommit någonstans.

Nästan så att man vill ta fram frontpage och börja köra allt i sköna tabeller och celler   §jr 

**Fråga två**
Finns det något smart knep för att få menylänken: Föreningswebb högerjusterad i menynraden? och låta resten av länkarna vara där dom är? Testade att omsluta föreningswebb-länken med en div align="right" men då hoppade den ned en rad, vilket jag inte ville.. 

```
#container { 
width: 925px;
margin: 0 auto;
background: #FFFFFF;
}
```

 

Sidebar (vänster-div)

```
#sidebar {
float: left;
width: 120px;
padding: 30px 0 0 40px;
margin: 0;
}
```

 

Main (höger-div)

```
#main { 
margin: 0 0 0 180px;
padding: 35px 40px 30px 0;
color: #444444;
font-family: "Georgia";
font-size: 13px; 
line-height: 18px;
text-align: justify;
}
```

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

## #2 — dAEk, 2008-02-02T12:10Z

Fråga #1:

Det blir knas för att du har långa ord utan mellanslag, tex engångfannsdetensagasomhandladeomenolyckligfigur och då får webbläsarna problem eftersom de inte vet var i ordet de kan eller ska byta till ny rad.

Du kan testa med [word-wrap som finns i CSS 3](http://www.css3.info/preview/word-wrap/). Annars vet jag inte.   :( Att undvika långa ord är ju inte direkt nåt man borde behöva tänka på.

Fråga #2:

Gör om menyn till en lista (\<ul\>) och sätt float:left på dess \<li\>. Lägg till en klass eller ett id på \<li\>:n för "föreningswebb" med float:right.

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

## #3 — dAEk, 2008-02-02T12:16Z

Oops.

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

## #4 — Pace, 2008-02-02T12:21Z

1\. Undvik långa ord eller minska storleken. Finns det någon praktiskt användning att ha långa ord alls? I annat fall får du gömma dem med overflow: hidden;.

2\. Lägg Föreningswebb först. Sätt float: right; på den.

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

## #5 — medialabs, 2008-02-03T08:20Z

Tack så mycket för era tips och förslag!! Nu fungerar div:arna precis som jag ville ha det!

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/168660-varför-håller-sig-texten-inte-sig-inom-sin-div