CSS problem

[mrakodol]

Imam sledeci problem.Sledeci kod mi pravi probleme a ne znam kako i gdje...

/*glavni meni*/
#menu {
    clear: both;    
    margin: 0 10px 0 150px; padding: 0;
    font: bold 13px/26px Verdana, Arial, Tahoma, Sans-serif;
    height:25px;
    top: 106px;
    position: absolute;
    text-align:left;
    float: left;

}
#menu ul {
    text-align:left;
    float: left;
    list-style: none;
    margin:0; 
    padding:0 2px 2px 2px;
}
#menu ul li {
    text-align:left;
    display: inline/*block*/;
    width:820px;
}
#menu ul li a {
    display: block;
    float: left;
    color: #fff;
    margin:0; 
    padding:0 2px 2px 2px;
    text-decoration: none;
}
#menu ul li a:hover {
    color: #ddd;
    margin:0; 
    padding:0 2px 2px 2px;
    
}
#menu ul li#current a {    
    margin:0; 
    color: #234292;
}

Dakle, kada stranicu ucitam u Firefoxu,Operi,Chrom-u,Safari-ju i IE8 radi u redu, kao na slici 1,dok na IE6 i 7 javlja gresku tj ispise ga skroz lijevo kao na slici 2.Moze li mi iko pomoci da rijesim ovaj problem.

[holodoc]

Bez "živog" linka ili bar test stranice online teško da može ovde da ti se pomogne jer da bi se skontalo gde je problem potrebno je poznavati i sklop ostalog dela stranice. Primera radi na nekim mestima mešaš floatovan sadržaj sa apsolutnim pozicioniranjem a opet na prevelikom broju mesta koristiš text-align ili recimo floatuješ unnumbered listu tako da je najverovatnije problem u nasleđivanju nekog od selektora koje nisi ovde naveo. Daj neki živi link ako imaš. Ovako možemo da se jurimo do sutra

[mrakodol]

Evo i djelakoda kojim ispisujem linkove sa tim gore css-om:

<div  id="menu">
			
<ul>
<li><a href="link1.php">Link 1</a></li> 
</ul>
<ul>
<li><a href="link2.php">Link 2</a></li> 
</ul> 
<ul>
<li><a href="link3.php">Link 3</a></li>
</ul>
</ul>
</div>

Nadam se da je sada jasnije u cemu mi je problem, i gdje mozda grijesim...

[EclipsE]

prvo ne razumem zashto uvek krenesh <ul> stavish jedan <li></li> pa zatvorish </ul>
drugo, na kraju zatvarash jedan </ul> koji nisi ni otvorio
trece, css kod je mnogo komplikovan za tako neshto

dakle probaj ovako

<div id="menu">
<ul>
    <li><a href="link1.php">Link 1</a></li>
    <li><a href="link2.php">Link 2</a></li>
    <li><a href="link3.php">Link 3</a></li>
</ul>
</div>

i u css-u shto se tiche padding-a i margina, moracesh sam ali uglavnom postavish ovako

#menu li { display: inline; } #menu { text-align: center; }

mozda sam negde napravio gresku jer pishem napamet :P

[mrakodol]

Hvala na uputsvu,ali napisao sam novi css za meni preko vikenda.Evo ako nekom bude treabo kod:

CSS.css
/*glavni meni*/
.meni.horizontal {
    width: 85.2%;
    height: 30px;
    margin: 0;
    padding: 0 0 0 130px;
    background: #000000 url(images/meni.gif) top center repeat-x;
}
.meni.horizontal ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.meni.horizontal ul li {
    float: left;
    margin: 0;
    padding: 0;
    background: transparent url(images/meni.gif) top left no-repeat;
}

.meni.horizontal ul li a {
    display: block;
    height: 27px;
    padding-left: 10px;
    float: left;
    font-family: Verdana, Arial, Tahoma, Sans-serif;
    font-size: 13px;
    color: #FFFFFF;
    text-decoration: none;
    }

.meni.horizontal ul li a span.menu_ar {
    display: block;
    float: left;
    height: 22px;
    padding-top: 5px;
    padding-right: 10px;
    font-size: 13px;
    color: #FFFFFF;
    background: transparent url(images/meni.gif) top right no-repeat;
    cursor: pointer;
}

.meni.blue ul li a:hover span.menu_ar,
.meni.blue ul li.highlight a span.menu_ar {
    color:#234292;
}


index.html


<div class="menu meni horizontal blue">
    <ul>
<li class="highlight"><span class="menu_r"><a href="link1.html"><span class="menu_ar"><b>Link 1</b></span></a></span></li>
<li class="highlight"><span class="menu_r"><a href="link2.html"><span class="menu_ar"><b>Link 2</b></span></a></span></li>

</ul>
</div>