Ulike browserresultat

Ulike browserresultat

Innleggav srb » fre 08.08.2008 13:33

Nytt forsøk etter ferien:
jeg etterlyser løsning på dette med at jeg får feil på en side ved visning i IE 6.0.
Har lagt ut en annen tråd tidligere på dette uten å komme nærmere. Prøver derfor på nytt nå.
Hva kan være årsaken til at jeg får forskyvning på et klikkbart område ( i forhold til hvor det klikkbare område skal ligge- og ligger i de andre leserne).

her er css´en:
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;
   }

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

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


og her er html´en:
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>
     <div id="menuwrapper">
    <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>
   <div id="textbox">
   <h3>Om Aiki</h3>
   <div>
<img src="finefarger.png" width="100" height="80px" hspace="0px" vspace="12px" 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>

Slik ser det ut i visning i IE 6.0:
Bilde
medlem i 140 måneder
 

Re: Ulike browserresultat

Innleggav taG » lør 09.08.2008 12:33

Kanskje du finner løsningen din her?
http://www.positioniseverything.net/explorer.html

Brukerens avatar
medlem i 196 måneder
 


Returner til CSS



Hvem er i Forumene

Registrerte brukere: Google [Bot]