---
title: "Textförlyttning (IE, FF)"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/169107-textförlyttning-ie-ff"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Tulork"
published: "2008-02-16T17:40:19.000Z"
updated: "2008-02-16T21:01:23.000Z"
replies: 5
views: 414
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/169107-textförlyttning-ie-ff"
---

# Textförlyttning (IE, FF)

## #1 — Tulork, 2008-02-16T17:40Z

Lite irriterande problem som jag inte riktigt förstår mig på. I IE fungerar allting perfekt när text skrivs i en \<div\>, i FF flyttas hela diven när texten blir för lång.... för att se exempel kan ni kolla på bilderna jag bifogade.

Om jag därimot begränsar hur lång texten är så ploppar den upp igen på rätt plats.

så här ser koden ut

```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>#######</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>

<body id="bd">
<div align="center">
<div align="center" id="main">

		<div align="left" id="logo">
		<img src="img/logo.png" alt="" border="0" />
		</div>
		
		<div align="left" id="menu">
		<a href="#" class="menu">Hem</a> 
		<a href="#" class="menu">Information</a> 
		<a href="#" class="menu">Licens</a> 
		<a href="#" class="menu">Villkor</a> 
		<a href="#" class="menu">Support</a> 
		</div>
		
		<div align="left" id="lnav">
		<div align="left" class="nav">
		<strong>Senaste</strong><br />
		<a href="#" class="menu">########</a><br />
		<a href="#" class="menu">##########</a><br />
		<a href="#" class="menu">##########</a><br />
		<a href="#" class="menu">##########</a><br />
		<a href="#" class="menu">########</a><br />
		<br />
		
		<strong>Populära</strong><br />
		<a href="#" class="menu">########</a><br />
		<a href="#" class="menu">########</a><br />
		<a href="#" class="menu">########</a><br />
		<a href="#" class="menu">########</a><br />
		<a href="#" class="menu">########</a><br />
		<br />
		
		<strong>Kategorier</strong><br />
		<a href="#" class="menu">########</a><br />
		<a href="#" class="menu">########t</a><br />
		<a href="#" class="menu">########</a><br />
		<a href="#" class="menu">########</a><br />
		<a href="#" class="menu">########</a><br />
		<br />
		</div>
		
		
		
		
		
		
		<div aling="left" id="text">
		<strong>Välkommen</strong><br />
		asdasdas asd asd asdas dasdasdasdasdasdasdasd asd asd asd as dasd asd asd asd as dasd asd asd asd aasd askldla skfjasklf aslkfjas sflkjal skfasl
		asdasd asdasd asdasdasdasdasdasd asda sd asdasda sd asd asdasdasd kldjglsdk gjslkdgjlsk jdgsdlg
		asdkasodjaslkfjaslfkjaslfkjjaslfkjasflkasjflkasjflkasjflkaja
		asdasödlkasöldkaö

		</div>
		
		
		</div>
</div>
</div>

</body>
</html>
```

CSS

```
#bd				{
				margin:0px;
				font-family:Geneva, Arial, Helvetica, sans-serif;
				font-size:11px;
				color:#666666;
				background-color:#f4f4f4;
				}

#main			{
				width:900px;
				height:700px;
				background-image:url(../img/bodybg.png);
				margin:0px;
				}
#logo			{
				width:830px;
				}
				
#menu			{
				width:815px;
				font-weight:bold;
				}
#lnav			{
				margin-top:10px;
				width:813px;
				}
.nav			{
				width:150px;
				padding:3px;
				float:left;
				}
#text			{
				width:650;
				padding:3px;
				float:right;
				}

a.menu:link {
	color: #666666;
	text-decoration: none;
	padding-left:5px;
}
a.menu:visited {
	text-decoration: none;
	color: #666666;
	padding-left:5px;
}
a.menu:hover {
	text-decoration: none;
	color: #8FB2C8;
	padding-left:5px;
}
a.menu:active {
	text-decoration: none;
	color: #666666;
	padding-left:5px;
}
```

Bilagor:

- [ie.JPG](https://www.webforum.nu/a/17233.jpg)
- [ff.JPG](https://www.webforum.nu/a/17234.jpg)

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

## #2 — Fuel, 2008-02-16T17:47Z

white-space: pre ?

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

## #3 — Tulork, 2008-02-16T17:48Z

provade det. Det blev en rolig effekt, men tyvärr ännu sämre :)

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

## #4 — dAEk, 2008-02-16T19:53Z

Kan du inte ange bredden för de floatade elementen? T.ex. width: 20% för vänsterspalten och width 80% för den till höger.

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

## #5 — Tulork, 2008-02-16T20:35Z

:D missade px på #text... det va det som ställde till det hela. Tack ändå

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

## #6 — dAEk, 2008-02-16T21:01Z

Oj! Tur att man inte kodar nåt idag för man är visst inte så obervant själv heller, hehe. Missade CSS:n helt och hållet. :r

Skönt att du kom på det själv!  :bire

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/169107-textförlyttning-ie-ff
