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;
}
