Buttons IE & FF

goxxer

Abend,
ich hab ein Problem Augen rollen

Und zwar ist es so, das wenn man www.Lach-Mal.net aufruft unter dem Header eine Navigation zu sehen bekommt.

Diese Navigation sieht im FireFox Browser normal aus.
Solbald man es aber mit dem Internet Explorer versucht sieht es komplett anders aus ....

Ich weiß das es zum teil an "border=1" liegt aber leider kenne ich keine Alternative.

Was könnte ich den sonst machen?

mfg
goxxer

MonsterOfRock

Der IE interpretiert den Abstand der Buttons wohl falsch oder garnicht. Schau mal nach ob du da vl ein Fehler hast.

Oder schreib in die Buttonklasse mal : margin-right:3px;

mfg Monster

goxxer

Super das hat geklappt jetzt noch ein ganz kleines Problem ...

www.Forum.Lach-Mal.net

Auch hier sieht im FireFox alles perfekt aus doch wenn man diese Seite im IE öffnet dann kleben die Buttons aus irgend einen Grund etwas im Header ...

Header.tpl

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:

<table style="width:{$style['tableoutwidth']}" cellpadding="{$style['tableoutcellpadding']}" cellspacing="{$style['tableoutcellspacing']}" align="center" border="{$style['tableoutborder']}" class="tableoutborder">
 <tr>
  <td class="mainpage" align="center">
   <table style="width:100%" border="0" cellspacing="0" cellpadding="0">
    <tr> 
     <td class="logobackground" align="center"><if($style['logoimage']!="")><then><a href="index.php{$SID_ARG_1ST}"><img src="{$style['logoimage']}" border="0" alt="$master_board_name" title="$master_board_name" /></a></then></if></td>
    </tr>
 
   <tr>
   <td align="center"><span class="smallfont">
   <ul class="navi">
	<li class="navi"><a href=index.php>Start</a></li>
	<li class="navi"><a href=http://www.lach-mal.net/?page_id=144>f.a.q</a></li>
	<li class="navi"><a href=http://www.lach-mal.net/?page_id=143>Link Us</a></li>
	<li class="navi"><a href=http://www.lach-mal.net/?page_id=142>Link Einsenden</a></li>
        <li class="navi"><a href=http://www.lach-mal.net/?page_id=169>Suchen</a></li>
        <li class="navi"><a href=http://www.lach-mal.net/?page_id=91>Partner Werden</a></li>
    </ul></td>


   <style type="text/css">
li.navi {
list-style-type: none;
display: inline;
padding: 10px;
border: 2px #745538 solid;
padding-top: 3px;
margin-right:3px;
padding-bottom: 3px;
background: #CFC3B3;
color: #fff;
font-weight: bold;
font-size: 10px;
font-family: Tahoma, Arial, Verdana;
}

li.navi:hover {
border: 2px #000 dotted;
background: #846548;
color: #FFFFFF;
}

</style>

Vielen Dank fröhlich

MonsterOfRock

Zeile schließen und tabelle am besten auch gleich...

und css klassen in den head bereich schreiben

mfg monster

goxxer

Dankööö