Jag får både en horisontell och vertikal scroll på min DIV.
Det verkar som om innehållet är bredare än "diven". Kan inte komma på lösningen dock...
Funkar okej i safari och mozilla dock.
Någon som vet?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><title>test</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="MSSmartTagsPreventParsing" content="TRUE" />
<meta http-equiv="expires" content="-1" />
<meta http-equiv= "pragma" content="no-cache" />
<meta name="robots" content="all" />
<meta name="author" content="test" />
<meta name="description" content="test" />
<link rel="stylesheet" type="text/css" href="style.css">
<style type="text/css">
html,body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: verdana, arial, helvetica, sans-serif;
color:#000;
background-color:#07115A;
text-align: center;
/* part 1 of 2 centering hack */
}
#sida {
position:fixed;
width: 700px;
height: 400px;
top:50%;
left:50%;
padding:0px;
font-family: verdana, arial, helvetica, sans-serif;
font-size:11px;
margin-left:-350px;
margin-top:-200px;
margin-bottom: auto;
margin-right: auto;
background-color: #fff;
border: 3px solid #bbb;
overflow:auto;
text-align:left;
/* part 2 of 2 centering hack */
width: 670px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 670px;
}
#menu {
position:absolute;
height:200 px;
width:75px;
padding:0px;
margin-top: 85px;
margin-bottom: auto;
margin-right: auto;
margin-left: 10px;
color:#000;
background-color: #bbb;
border: 1px solid #000;
text-align:left;
}
.text {
margin-left:120px;
margin-top:7px;
border: 1px solid #000;
}
.ramlinje {
border: 1px solid #000
}
html>body #sida {
width: 700px; /* ie5win fudge ends */
}
</style>
</head>
<body>
<div id="sida">
<div id="menu">
<table width="75">
<tr>
<td>navigering 1</td>
</tr>
<tr>
<td>navigering 2</td>
</tr>
<tr>
<td>navigering 3</td>
</tr>
<tr>
<td>navigering 4</td>
</tr>
<tr>
<td>navigering 5</td>
</tr>
<tr>
<td>navigering 6</td>
</tr>
<tr>
<td>navigering 7</td>
</tr>
<tr>
<td>navigering 8</td>
</tr>
<tr>
<td>navigering 9</td>
</tr>
</table>
</div>
<div align="center"><img src="bilder/logo.jpg" border="0" /></div>
<table width="550" class="text">
<tr>
<td>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In hac habitasse platea
dictumst. Duis nec orci. Maecenas porta. Nullam tortor diam, auctor vel,
gravida eu, gravida ac, eros. Pellentesque id pede. Fusce leo eros, varius
ac, pulvinar eget, commodo ac, purus. Nam sem diam, vestibulum ultricies,
laoreet a, mattis in, mi. Vestibulum tincidunt felis eu sapien. Sed nec pede
vitae justo congue mattis. Ut ut mi. In quis turpis. Morbi pede sapien, tempus
eu, fermentum a, aliquam at, eros. Proin semper dictum quam. Ut pellentesque,
tellus nec vestibulum scelerisque, sem nisl aliquam sem, eget congue ante
wisi ac purus. <br />
Morbi cursus sollicitudin eros. Morbi auctor, odio ut pulvinar suscipit, tellus
nibh posuere lectus, ac imperdiet risus lorem id justo. Donec mauris. Suspendisse
potenti. Sed ornare. Nulla mattis, lorem ut convallis facilisis, ligula dui posuere
mi, quis fermentum lectus sem at ante. Maecenas vel augue ut tortor tincidunt
pretium. Integer sagittis mi non est. Proin arcu quam, pharetra vitae, egestas
ac, consectetuer eget, massa. Cras a ipsum. <br />
Duis quis wisi. Integer erat. Pellentesque consectetuer urna id pede. Nulla et
nunc in mauris aliquam porttitor. Etiam eu felis id nisl dignissim adipiscing.
Sed elementum vehicula leo. Aenean in nulla. Curabitur molestie, nunc quis elementum
feugiat, sem felis elementum elit, eget molestie lorem neque eget ligula. Vivamus
semper nisl id lacus. Maecenas elementum. Integer a mi quis orci ornare iaculis.
Integer vitae nunc. Donec ultricies suscipit urna. Nulla quis felis. Fusce leo. <br />
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Curae; Duis dictum tincidunt ante. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Nulla auctor quam et nisl. Sed aliquam
orci at tellus. Mauris vel mi. Donec magna. Vestibulum fermentum dictum tellus.
Curabitur urna purus, placerat nec, rutrum sed, rutrum sed, justo. Maecenas eget
tellus at wisi gravida laoreet. Nunc molestie lobortis metus. Sed eget lorem.
Nulla at libero. Nullam faucibus sem nec massa. Sed ut erat in ligula ullamcorper
aliquam. Nunc elementum tortor vel lectus. Aliquam aliquam dignissim elit. Curabitur
consequat odio non nibh. Quisque adipiscing, wisi et tincidunt pulvinar, nisl
orci fermentum ipsum, id consectetuer enim arcu sed dolor. <br />
Proin vulputate, mi id suscipit venenatis, magna urna auctor est, vel congue
diam nunc vitae justo. Cras a ligula. Morbi at dui. Nunc nec diam eu erat posuere
dictum. Aliquam massa mi, vehicula eu, facilisis non, mattis nec, tortor. Etiam
a tortor. Pellentesque id ligula sit amet leo tristique lacinia. Etiam at metus.
Maecenas ac velit. Duis ut odio. Morbi vel diam. Ut ut turpis sit amet mi vehicula
venenatis. Pellentesque orci. Aliquam tortor tellus, luctus a, pretium vel, iaculis
sed, neque.
</td>
</tr>
</table>
</div>
</body>
</html>