Position: Absolute i Opera

bosannes · 2. februar 2006

Se her:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="no" xml:lang="no" xmlns="http://www.w3.org/1999/xhtml" />
<head>
<title>Ingen tabell!</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style rel="stylesheet" type="text/css">
<!--
 .container {
  width: 800px;
  background: #f90;
 }
 
 .meny {
  display: block;
  float: left;
  margin: 0px;
  list-style-type: none;
  width: 329px;
 }
 
 .meny li {
  margin: 0px;
  padding: 0px;
  background: red;
 }
 
 .meny li a {
  display: block;
  width: 329px;
  margin: 0px;
  padding: 0px;
  background: red;
 }
  
 .content {
  background: white;
  width: 440px;
  height: 390px;
  overflow: auto;
 }
-->
</style>
</head>
<body style="margin: 0px;">
<div class="container">
 <img src="images/bruke_01.jpg" alt="" /><img src="images/bruke_02.jpg" alt="" /><ul class="meny">
 	<li><a href="#" style="background: url(images/bruke_03.jpg); height: 86px;"></a></li>
 	<li><a href="#" style="background: url(images/bruke_06.jpg); height: 75px;"></a></li>
 	<li><a href="#" style="background: url(images/bruke_08.jpg); height: 76px;"></a></li>
 	<li><a href="#" style="background: url(images/bruke_09.jpg); height: 71px;"></a></li>
 	<li><a href="#" style="background: url(images/bruke_10.jpg); height: 109px;"></a></li>
 </ul>
 <div><img src="images/bruke_04.gif" alt="" style="position: absolute; float: left;"/><div class="content">Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br>Hei på verden!<br></div></div>
</div>
</body>

</html>

Fungerer slik jeg har tenkt i IE, men i Opera vises "images/bruke_04.gif" oppå menyen. Er det ikke meninga at den skal plassere seg VED SIDEN AV nærmeste container?

funkweb · 2. februar 2006

De bildene rett før container, prøv med f.eks:

bosannes · 2. februar 2006

Som så alt for ofte fant jeg løsningen etter et avkoblingspause:

 <div [B]style="overflow: auto;"[/B]><img src="images/bruke_04.gif" alt="" style="position: absolute; float: left;"/><div class="content">Hei på verden!</div></div>

Fungerer etter at jeg definerte en verdi for overflow :\

Logg inn

Position: Absolute i Opera

Anbefalte innlegg

bosannes

Videoannonse

funkweb

bosannes

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer