Večný problém - IE

antivir · Napísal **antivir**: 01.07.2008 15:44

Prosím vás o menšiu radu .
Vytvoril som Horizontálne menu(ul) s absolútnou pozíciou. A problém je v tom že v IE sa mi zobrazí (neviem či normálne , ako má byť), no vo Mozzile sa mi zobrazí posunuté asi o 50px po x-sovej osi, neviem čím to je, skúšal som aj
rozne obmeny marginov, aj doctypov, ale furt nič.

Ďakujem

stenley · Napísal **stenley**: 01.07.2008 15:48

daj html kod aj s css a potom mozme nieco riesit...

antivir · Napísal autor témy **antivir**: 01.07.2008 15:52

CSS

Kód:

.header {}
.head {
   position:absolute;
   left: 351px;
   top: 0px;
}
       
body { color:white;
       font-family:Verdana, Arial, Helvetica, sans-serif ;
      font-size:11px;
      }
      
      
      
.telo {
            background-image:url(images/stred.jpg);
            background-repeat:repeat;
            width:964px;
         height:auto;
            
            
     }

.teloobsah {
   position:relative;
   left:270px;
   width: 620px;
   top: -40px;
         }          
.pata       {
             clear:both;

}
.menu  {
   color: #006699;
   position:absolute;
   left: 402px;
   top: 120px;
   width: 228px;
   height: 29px;
   


}

   
   
ul#menu
  {
  margin: 0px 0px 0px 0px;
  position:absolute;
  left: 402px;
  top: 118px;
  list-style-type: none;
  width: 372px;
  }
  ul#menu li
    {
   margin: 0px 0px 0px 0px;
    width: 70px;
    float: left;
    text-align: center;
    }
  ul#menu li a
    {
    text-decoration: none;
    display: block;
    
    color: #336699;
    padding: 8px 0px 8px 0px;
    
    }
  ul#menu li a:hover
    {
    text-decoration:underline;
    display: block;
    background-image: url(images/menuhover.jpg);
   background-repeat: repeat-x;
    color: white;
    padding: 8px 0px 15px 0px;
    }

HTML

Kód:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//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=windows-1250" />
<meta name="keywords" content="webdesign , webdizajn , tvorba webstranok , michal habera " />
<meta name="author" content="Michal Habera" />


<title>Michal Habera - webdesign</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<style type="text/css">
<!--
.style1 {
   font-size: 20px;
   font-weight: bold;
}
-->
</style>
</head>
<body style="margin:0 0 0 0px;">

<div class="header">
<img src="images/header.jpg" /></div>
<div class="head"><a href="http://michalhabera.tym.sk"><img border="0" src="images/head_02.jpg" /></a></div>
<ul id="menu">
    <li><a href="" title="Home">About me </a></li>
    <li><a href="" title="Moje výtvory">Portfolio</a></li>
    <li><a href="" title="Ponuka">Služby</a></li>
    <li><a href="" title="Čánky">Blog</a></li>
  </ul>
<div class="telo">
<div class="teloobsah">
  BLA BLA BLA
</div>

<div class="pata">
<img src="images/pata.jpg" />
</div>

</div>

</body>
</html>

Alebo ešte lepšie http://www.michalhabera.xm.com

lio · Napísal **lio**: 01.07.2008 17:22

Preboha preco pozicujes absolutne ? Staci ti float a urobis to lepsie. Problem nie je v IE, ale medzi stolickou a klavesnicou.

stenley · Napísal **stenley**: 01.07.2008 21:44

premazane

tvoj problem bude pravdepodobne asi v tom absolutnom pozicovani, cize si to prerob podla toho, co ti radi lio04

antivir · Napísal autor témy **antivir**: 02.07.2008 17:02

Neviem ako pomocou float???

don jebot · Napísal **don jebot**: 02.07.2008 17:29

no obal si menu do nejakeho divu a daj prec to poziciovanie absolute + tiez left odstran opitaj sa dambd (ci ako sa vola ma avatar taku modru lebku) ten mal tiez podobny problem a tomu som kod spravil on to niekde ma..

xdom · Napísal **xdom**: 02.07.2008 18:07

Preco mas v CSS aj #menu aj .menu, ked v XHTML pouzivas len id - #menu?
Bude to najskor tym, ze to UL si musis obalit do samostatneho DIVu a tomu dat id='menu' a k UL nedat ziadne id.
Hraj sa s tym, ja tiez robim cez pokus-omyl

postupne sa naucis

Večný problém - IE

Podobné témy