MSIE 6.0 utgjør et par problermer her...

MSIE 6.0 utgjør et par problermer her...

Innleggav srb » ons 16.07.2008 13:05

Nå har jeg snekret en lang stund, ting begynner å bli slik jeg vil. MEN, det er et par steder som gjør at jeg ikke kommer lenger...
hvordan løse dette at feltene som gjør bildene klikkbare ligger til høyre for de bildene de skal ligge over:

Bilde

Hvilke greier er det jeg må implementere i kodingen for å komme dette IE trøbbelet til livs?
Jeg har gått gjennom stoff bla her i dettet forumet, om buggs i IE, uten å finne det jeg trenger.
Kode:
Kode: Merk alt
<!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">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>aikihjem</title>
   <link type="text/css" rel="stylesheet" href="rebuilding.css" />
  </head>
<body>
<div id="belte"></div>
<div id="maincontent">
 <div id="navcontainer">
   <ul id="navlist">
     <li id="active"></li>
     <li><a href="bak_scenen.html">bak scenen</a></li>
     <li><a href="nyheter.html">nyheter</a></li>
     <li><a href="demo.html">send demo</a></li>
     <li><a href="arrangement.html">arrangement</a></li></ul>
    <ul id="meny">
     <li id="meny-hjem"><a href="index.html"><span>Hjem</span></a></li>
     <li id="meny-studio"><a href="studioogpris.html"><span>Studio</span></a></li>
     <li id="meny-utstyr"><a href="mixepultermicrofoneroglydrom.html"><span>Utstyr</span></a></li>
     <li id="meny-erfaring"><a href="mixepultermicrofoneroglydrom.html"><span>Erfaring</span></a></li>
     <li id="meny-kontakt"><a href="kontakt.html"><span>Kontakt</span></a></li></ul>
    </div>
   <div id="textbox">
   <h3>Om Aiki</h3>
   <div>
<img src="finefarger.png" width="100" height="80px" hspace="0px" vspace="10px" alt="Dovre" title="Dovre" id="bilde"/></div><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <br />Aenean commodo ligula eget dolor. Aenean massa.<br />
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculupxs mus. <br />Donec.
Donec vitae sapien ut libero venenatis faucibus.
Maecenas tempus,<br /> tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.<br /> Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.<br /> Donec
Donec vitae sapien ut libero venenatis faucibus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <br />Aenean commodo ligula eget dolor. Aenean massa.<br />
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. <br />Donec.
Donec vitae sapien ut libero venenatis faucibus.  Maecenas tempus,<br /> tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.<br /> Nam quam nunc, blandit vel, luctus        pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.<br /> Donec
Donec vitae sapien ut libero venenatis faucibus</p>
   </div>
</div>
</body>
</html>


og css:
Kode: Merk alt
@charset "UTF-8";
/* CSS Document */


html{
   height:100%;
   margin-bottom:1px;
   padding:0px;
   margin:0px;
   }
   
body{
   margin:0px;
   padding:0px;
   background-color:#FFFFFF;
}

a:link{
   text-decoration:none;
   color:#CCCCCC;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:9px;
}
a:visited{
   text-decoration:none;
   color:#000000;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:9px;
}
a:active{
   text-decoration:none;
   color:#333333;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:9px;
}
a:hover{
   text-decoration:underline;
   color:#FFFFFF;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:9px;
}

p{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:small;
}

h3{
color:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#belte{
   position:relative;
   background-color:#006699;
   width:100%;
   height:50px;
   top:300px;
}

#maincontent{
   position:relative;
   top:0px;
   margin:0 auto;
   background-image:url(hjem.png);
   background-repeat:no-repeat;
   width:850px;
   height:650px;
}

#textbox{
   overflow:auto;
   position:absolute;
   width:490px;
   height:200px;
   left:230px;
   top:400px;
   padding:5px 5px 5px 5px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#CCCCCC;
   text-align:left;
   }

   
#meny{
   position:absolute;
   left: -205px;
   list-style: none;
   top:-215px;
}

#meny li, #meny li a{
   display: block;
   width: 65px;
   height: 60px;
   margin-top:20px;
}

#meny li a span{
  display:none;
}

#meny-hjem   { background:url(bildeknapp1.png) no-repeat;
 }
 
#meny-studio { background:url(bildeknapp2.png) no-repeat;
 }
 
#meny-utstyr { background:url(bildeknapp3.png) no-repeat;
 }
 
#meny-erfaring { background:url(bildeknapp4.png) no-repeat;
 }
 
#meny-kontakt { background:url(bildeknapp5.png) no-repeat;
 }
 
    
#navcontainer{
   position:absolute;
   width:390px;
   padding-left: 0;
   list-style: none;
   top:365px;
   left:340px;
   padding:0px;
   z-index:1;
}
   
 
#navlist li{
   display:inline;
   list-style-type:none;
   padding-right:20px;
   left:20px;
}

#bilde{
   float:left;
   margin-right:5px;
}
medlem i 140 måneder
 

Returner til CSS



Hvem er i Forumene

Registrerte brukere: Google [Bot]



cron