Problemer med <li> IE

[Lernes]

Hei! Har en brukermeny på hjemmesida mi, der jeg bruker <li> for å liste opp menyen! Menyen fungerer i mange forskjellige browsere, untatt IE!

 

Også problemer med plasseringen av menyen, som dere ser!

 

Noen som vet hva jeg skal gjøre for å få fixet dette?

 

 

Venstre: IE , Høyre: Chrome

 

 

Endret 19. desember 2008 av Lernes

[Ståle]

Kan du poste kode?

[Lernes]

Kan ikke kalle mer ekspert på hverken php, html eller css, men lærer noe nytt hver dag

 

Brukermenyen :

 

 

 

echo "  Logget inn som <b>$sessionen</b> <br>";
echo "  IP: $ip ";
echo "<ul>";
echo "<li class='userpanel'><a href='index.php'>HOVEDSIDEN</a></li> <br>   ";
echo "<li class='userpanel'><a href='contact.php'>KONTAKT MEG</a></li> <br>";
echo "<li class='userpanel'><a href='downloads.php'>DOWNLOADS</a></li> <br>";
echo "<li class='userpanel'><a href='profil.php?username=$sessionen'>PROFIL</a></li> <br>";
echo "<li class='userpanel-linethrough'>BILDER</li>      (kommer..) <br><br><br><br>";
echo ("<li class='userpanel'><a href='http://mail.lernes.net'>MAIL</a></li><br>";
//Enkel funksjon, ettersom at det nåværende brukersystemet er flatfilbasert!
if($_SESSION['username'] == '***' or '***' or '****'){
		echo ("<li class='userpanel'><a href='admin.php'>ADMIN</a></li><br> ";
		}
else {
	echo "<li class='userpanel-linethrough'>ADMIN</li><br>";
}

echo "<li class='userpanel'><a href='login.php?do=logout'>LOGG UT</a></li>	";
echo "</ul>";

 

 

CSS

 

 

.userpanel {
font-family: cursive; 
position: absolute;
left: 3px;
display: block;
text-decoration: none;
padding: 0;
margin: 0;
}	

.userpanel-linethrough {
font-family: cursive;
position: absolute;
left: 3px;
display: block;
float: left;
height: 42px;
text-decoration: line-through;
}

 

Endret 19. desember 2008 av Lernes

[Rinox]

Eneste jeg kan komme på er at du kanskje har satt en fixed position for li-taggene...

[Lernes]

Ja, stemmer det!

 

Men skal det ha noe å si om fixed position kun er fra venstre?

[Ståle]

Du skal ikke ha <br> etter </li>, og hvorfor er det HTML i CSSen? (</div>)

[Lernes]

Kan teste!

 

Oy, mislykka forsøk på spoilertags

 

 

EDIT : fjerning av <br> førte bare til at problemet også oppsto i andre browsere !

Endret 19. desember 2008 av Lernes

[arthoz]

Vil dette fungere som du vil?

 

Meny :

 

 

echo '
<p>Logget inn som <b>'. $sessionen .'</b><br />
IP: '. $ip .'</p>
<ul id="userpanel">
<li><a href="index.php">Hovedsiden</a></li>
<li><a href="contact.php">Kontakt meg</a></li>
<li><a href="downloads.php">Downloads</a></li>
<li><a href="profil.php?username='. $sessionen .'">Profil</a></li>
<li class="fouremmargin"><del>Bilder</del> (kommer..)</li> 
<li><a href="http://mail.lernes.net">Mail</a></li>
';
//Enkel funksjon, ettersom at det nåværende brukersystemet er flatfilbasert!
if($_SESSION['username'] == '***' or '***' or '****'){ 
echo '<li><a href="admin.php">Admin</a></li>';
}
else {
echo '<li><del>Admin</del></li>';
}

echo '
<li><a href="login.php?do=logout">Logg ut</a></li>
</ul>
';

 

 

CSS:

 

 

ul#userpanel {
list-style: none;
padding-left: 3px;
margin: 0;
padding: 0;
text-transform: uppercase;
}
ul#userpanel .fouremmargin {
margin-bottom: 4em;
}

ul#userpanel a {
text-decoration: none;
color: #000;
}

 

 

 

(kjeda meg bittelitt )

Endret 19. desember 2008 av arthoz

[Lernes]

Skal teste nå!

Gir tilbakemelding etter testinga

 

 

EDIT: Fungerte i Firefox og Chrome, men kun blank meny i IE!

Endret 19. desember 2008 av Lernes

[arthoz]

Vises da fint her i Opera, Chrome og IE6, du kopierte alt 100% likt?

[Lernes]

Kopierte alt 100% likt ja!

[arthoz]

Nei da vet jeg ikke, er vel noe annen CSS (evnt dårlig HTML) du har vel noe som ødelegger for deg da, vanskelig å si uten å se hele siden.

Tror du må få vist oss alt av HTML og CSS du har på siden (bare view source og kopier den HTML'n så vi slipper PHP maset også )

[Lernes]

Droppa bare å bruke <li> bruker <p> med <br>!

 

Noen ulemper med dette?

[Ståle]

Det blir feil ifølge W3C, men det er ingen som stopper deg.

[Lernes]

Hva med en php-kode eller noe annet språk, som gjør at den bruker forskjellig htmlkode på menyen etter hvilken browser du bruker ?

[PHPdude]

Noen ulemper med dette?

 

Viss vi nå ser bort fra alt som heter "best practices" og hvordan enhver flink utvikler vil fortelle deg at det er ting man absolutt bør forstå:

At du verken har funnet problemet eller løsningen og bare kan vente på neste gang du havner i samme situasjonen, mens du i mellomtiden benytter en halv-god workaround.

 

Forskjellig output for IE er nødvendig i enkelte tilfeller, men grusomt overkill i denne situasjonen. Det er opplagt enellerannen banal grunnleggende ting som er feil.

 

Skal du få dette løst er det langt lettere om du slutter å bringe inn all PHP-koden. Problemet oppstår på klient-siden og da blir det tull å blande inn server-kode før du engang har sporet problemet på klient-siden.

Skaff en kopi av akkurat det innholdet som nettleseren får servert og stripp ut så mye som mulig uten å strippe bort selve problemet.

[Lernes]

Tror jeg skal teste litt mer med forslaget til arthoz!

 

Takk forresten