CSS Problem

[VIPbanner_de]

Hallo,

habe ein Darstellungsproblem mit dem Firefox. Der IE zeigts "richtig" an (wol eher weil die Fehlertoleranz höher ist *g*). Naja was ich sagen will ist das ich ein neues Design mache und der IE es so anzeigt wie ich es haben will und der Firefox zeigt es so an wie es wahrscheinlich tatsächlich ist. Und so will ich das nicht haben. Ich bräuchte jemanden der mir da helefen kann.

hier mal der CSS Code der Seite:
https://phpfi.com/337383

Ist hier irgend was auffälliges warum das nicht geht?

Die Seite ist hier zu erreichen: https://www.bettertraffic.de/test/newdesign/imagemenu/btv06.html
schauts euch mal im IE und im Firefox an

Auf Wunsch noch ein SCREEN wie es aussehen sollte: https://img10.myimg.de/screen82269.gif

Danke mal im Vorraus ;-)

 

[QuArK007]

Kommt mir das nur so vor, oder hast du die Linke Navigation garnicht definiert?? also von der Höhe her??

Desweiteren verstehe ich nicht so ganz, warum du oben die Navigation mit Css machst und links dann JS verwendest... Ich würde dir raten das mit listen zu machen. Das kann jeder Browser und es kann keiner deaktivieren (außer er sperrt die CSS Datei oder die Formatierung

Wenn du bei Tabellen und JS bleiben willst, dann würde ich dir mal raten den Zeilen eine feste Höhe zuzuweisen. Opera stellt es übrigens auch richtig dar... vllt ja doch ein FireFox Problem...

 

[VIPbanner_de]

zur linken tabelle:

hab noch height:15px; hinzugefügt


.tdmenu {
text-align: left;
font-size: 8pt;
color: #ffffff;
height:15px; }

geht nicht.. nur im IE gehts *gg*

 

[Astrodan]

Ich geb ja zu ich habs mir nicht gründlich angeguckt, aber aus kleiner Erfahung weiß ich, dass der IE und der FF Tabellen teilweise anders verstehen, gerade was Abstände angeht.

Aber mal ne ganz andere Frage, warum machst du das nicht mit schönen divs?

Und wenn du auf deinen Tabellen bestehst: Vllt. mal nen Screenshot wie es aussehen soll so sicherheitshalber ?

 

[VIPbanner_de]

Ich geb ja zu ich habs mir nicht gründlich angeguckt, aber aus kleiner Erfahung weiß ich, dass der IE und der FF Tabellen teilweise anders verstehen, gerade was Abstände angeht.

Aber mal ne ganz andere Frage, warum machst du das nicht mit schönen divs?

Und wenn du auf deinen Tabellen bestehst: Vllt. mal nen Screenshot wie es aussehen soll so sicherheitshalber ?

Hi, danke für deine Antwort.. DIV hab ich noch nicht so die Erfahrung, deswegen noch Tabellen. Habe den Screen im 1. Beitrag eingefügt.

 

[zerberus72]

hau mal in zeile 83,105 und 136 das

height="100%"

raus, dann sollte es das auch richtig tun.

 

[VIPbanner_de]

Hey Super danke dir! Das linke menü wird jetzt richtig angezeigt. Jetzt is nur noch ein Anzeige Fehler im Oberen Bildmenü:

https://img10.myimg.de/screenaccc4.gif

 

[QuArK007]

sry du aber bei mir stimmt nun GARNICHTS Mehr... die obere Navigation ist TOTAL nach rechts rausgerutscht....

Es scheint aber so, dass du irgendwie die Navigation eingerückt hast. Weil der letzte Navipunkt ja auch nicht komplett angezeigt wird, wenn er ausgefahren ist... und hast die ID von dem Div um die Navigation auf "topmenue" gesetzt diese aber nicht definiert in der css.... wenn du padding auf 0 setzt und margin auf 0 dann sollte die Navi eigentlich direkt links anfangen

wenn du mal den Overflow von dem div "#imageMenu" auf "auto" setzt anstatt "hidden" dann würdest du wahrscheinlich sehen, dass rechts was rausragt. Du musst dann noch ne Möglichkeit finden das ganze nach links zu ziehen... margin, padding sollten dir dabei helfen

 

[VIPbanner_de]

alles verschoben weil ich grad was verändert hatte ;-)

so hab mal im css folgendes neu gemacht:
#topmenue {
margin: 0px;
padding: 0px;
}

geht aber immer noch net

 

[yoursmilie]

Hast Du schon mal einen Blick in einen Validator geworfen.

Ich könnte mir es erstmal so erklären, da du ja die obere Navigation als Aufzählung gemacht hast, dass es sich deswegen nach rechts verschiebt.

 

[VIPbanner_de]

hallo,

sorry das ich jetzt erst schreib.. hab mir neuen PC zugelegt und bevor man da weiter machen kann muss ja ertsmal wieder alles neu gemacht werden... so zu meinem Problem...

Validierung von XHTML und CSS abgeschlossen

bei CSS is noch ein Fehler drin
.tdmenu {
text-align: left;
font-size: 8pt;
color: #ffffff;
height:15px;
background: #295873;
hover:expression(this.onmouseover=new Function("this.style.background='#1C3C4E';"),this.onmouseout=new Function("this.style.background='#295873';"));
}

das mag der noch net.. warum muss ich noch rausfinden.. und der Firefox zeigt die Hovereffekte auch net an.

Das Bildmenü wird immer noch Fehlerhaft angezeigt. Also liegt es doch an der Auflistung

<div id="imageMenu">
			<ul>
				<li class="about"><a href="https://www.aaronbirchphotography.com">About Us</a></li>
				<li class="register"><a href="https://www.aaronbirchphotography.com">Registrieren</a></li>
				<li class="forum"><a href="https://www.aaronbirchphotography.com">Supportforum</a></li>
				<li class="media"><a href="https://www.aaronbirchphotography.com">Mediadaten</a></li>
				<li class="win"><a href="https://www.aaronbirchphotography.com">Win</a></li>
			</ul>
			</div>

Jemand ne alternativ Idee?

*EDIT*
Ich probiers mal mit einer Tabelle und Ersatzgrafiken

 

[theHacker]

hover:expression() ist mir neu.
Hast du es schon mal ganz normal mit :hover probiert?

.tdmenu { 
text-align: left;
font-size: 8pt;
color: #ffffff; 
height:15px;
background: #295873;
}

.tdmenu:hover {
background: #1C3C4E;
}

Allerdings interpretiert der IE das nicht.

 

[VIPbanner_de]

so bei mir gehts jetzt sowohl im IE als auch im Firefox.

Das Topmenue problem hab ich auch mit den Ersatzgrafiken net lösen können:

<div id="topmenue">
			<div id="imageMenu">
			
			<table border="0" cellspacing="0" cellpadding="0" width="500" height="200">
     <tr valign="top">
       <td width="100" class="about"><img src="./images/ers_about.gif" alt="Über uns" /></td>
       <td width="100" class="register"><img src="./images/ers_register.gif" alt="Mitglied werden" /></td>
       <td width="100" class="forum"><img src="./images/ers_forum.gif" alt="Supportforum" /></td>
       <td width="100" class="menida"><img src="./images/ers_media.gif" alt="Mediadaten" /></td>
       <td width="100" class="win"><img src="./images/ers_win.gif" alt="Kostenlose Gewinnspiele" /></td>
     </tr>
   </table>
			
			</div>
		
		<script type="text/javascript">
			
			window.addEvent('domready', function(){
				var myMenu = new ImageMenu($$('#imageMenu a'),{openWidth:310, border:2, onOpen:function(e,i){alert(e);}});
			});
		</script>
		</div>

Die Ersatzgrafiken werden zwar im Moment angezeigt wie gewünscht, allerdings sollen die ja nur erscheinen bei dem das Ajax Menü nicht funktioniert

 

[VIPbanner_de]

hat jemand einen Plan warum das nicht funktioniert? Hier mal noch die Dateien die das mit ausgibt:

https://phpfi.com/338940 und
https://phpfi.com/338945