Autor |
Nachricht |
enisk
Threadersteller
Dabei seit: 09.07.2006
Ort: Ffm
Alter: 35
Geschlecht:
|
Verfasst Sa 16.02.2008 01:59
Titel Anzeigeunterschied zwischen Internet Explorer und Firefox |
|
|
Hi!
Bin seit einiger Zeit an meiner Hp am basteln.
Habe mir eine tolle Navigation gebaut, die komischer Weise im Internet explorer klappt und im Firefox nicht.
habe mit diesem prinzip schon mal eine navigation gebaut und da gab es keine unterschiede.
http://germannoob.de/
waere toll wenn ihr mir helfen koenntet.
lieben gruss
jonathan
|
|
|
|
|
remote
Dabei seit: 10.11.2006
Ort: /var/www/
Alter: 109
Geschlecht:
|
Verfasst Sa 16.02.2008 14:44
Titel
|
|
|
Ich würde dir empfehlen, etwas Ballast abzuwerfen - zB diesen ganzen MM_swap Kram durch was einfaches zu ersetzen:
Für den Header:
Code: | <SCRIPT language="JavaScript">
<!--
function change_image(img_name,img_src) {
document[img_name].src=img_src;
}
//-->
</SCRIPT> |
Für die jeweiligen Bilder:
Code: | <a href="/" onmouseover="change_image('BILDNAME','DATEINAME2+PFAD')"
onmouseout="change_image('BILDNAME','DATEINAME1+PFAD')">
<img src="DATEINAME1" name="BILDNAME" />
</a>
|
|
|
|
|
|
Anzeige
|
|
|
enisk
Threadersteller
Dabei seit: 09.07.2006
Ort: Ffm
Alter: 35
Geschlecht:
|
Verfasst Sa 16.02.2008 18:41
Titel hi |
|
|
danke fuer die hilfe allerdings hab ich mein menue nicht mit rollover bildern.
kann mir jmd helfen?
________________________________________
#navi{width:476px; height:34px; position:relative; top:192px; left:24px; float:left; z-index:2}
div#menuwrap{ background:transparent url(pic/navi4.jpg) no-repeat; width:476px; height:34px; position:relative}
ul#menu{margin:0pt; width:476px}
#menu li.main{display:block; float:left}
#menu li.main a.menu_link{height:34px; display:block}
li#menu_about{position:absolute; left:0; width:119px; top:0}
li#menu_design{position:absolute; left:119px; width:119px; top:0}
li#menu_blog{position:absolute; left:238px; width:119px; top:0}
li#menu_food{position:absolute; left:357px; width:119px; top:0}
#menu_about a.menu_link, #menu_design a.menu_link, #menu_blog a.menu_link, #menu_food a.menu_link,{background:transparent url(pic/navi.jpg) no-repeat}
#menu_about a.menu_link{width:118px; background-position:0px 0px}
#menu_design a.menu_link{width:118px; background-position:-119px 0px}
#menu_blog a.menu_link{width:118px; background-position:-238px 0px}
#menu_food a.menu_link{width:118px; background-position:-357px 0px}
#menu_about a.menu_link:hover{background-position:0px -34px}
#menu_design a.menu_link:hover{background-position:-119px -34px}
#menu_blog a.menu_link:hover{background-position:-238px -34px}
#menu_food a.menu_link:hover{background-position:-357px -34px}
_____________________________________________
<div id="navi">
<div id="menuwrap">
<ul id="menu">
<li class="main" id="menu_about" name="menu_about">
<div><a href="about.html" class="menu_link"><span class="nodisp">ABOUT</span></a></div>
</li>
<li class="main" id="menu_design" name="menu_design">
<div><a href="design.html" class="menu_link"><span class="nodisp">DESIGN</span></a></div>
</li>
<li id="menu_blog" class="main">
<div><a href="blog.html" class="menu_link"><span class="nodisp">BLOG</span></a></div>
</li>
<li id="menu_food" class="main">
<div><a href="food.html" class="menu_link"><span class="nodisp">FOOD</span></a></div>
</li>
</ul>
</div>
</div>
|
|
|
|
|
enisk
Threadersteller
Dabei seit: 09.07.2006
Ort: Ffm
Alter: 35
Geschlecht:
|
Verfasst So 17.02.2008 20:51
Titel hi |
|
|
kann mir irgendjmd helfen?
|
|
|
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst So 17.02.2008 21:25
Titel
|
|
|
Der Validator hätte Dir geholfen, hättest Du ihn benutzt. Dann hätte er Dir den entscheidenden Syntaxfehler gezeigt, den der FX nicht verzeiht - ein Komma vor der öffnenden Klammer:
Code: | #menu_about a.menu_link, #menu_design a.menu_link, #menu_blog a.menu_link, #menu_food a.menu_link,{background:transparent url(pic/navi.jpg) no-repeat} |
Validiere unbedingt auch Dein Markup - 37 Fehler sind heftig.
Zuletzt bearbeitet von heiko_rs am So 17.02.2008 21:25, insgesamt 2-mal bearbeitet
|
|
|
|
|
enisk
Threadersteller
Dabei seit: 09.07.2006
Ort: Ffm
Alter: 35
Geschlecht:
|
Verfasst Mo 18.02.2008 19:16
Titel hi |
|
|
danke
awesome
es klappt
|
|
|
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Mo 18.02.2008 21:07
Titel
|
|
|
Übrigens kannst Du Dein Markup noch enorm verschlanken - allein beim Menü kannst Du jede Menge Elemente einsparen: Es muss nicht von gleich 3 divs umgeben werden (es ist überhaupt keines nötig, denn die ul kann auch für sich alleine stehen), und innerhalb von li brauchst Du weder div noch span (der Text verschwindet genauso gut per text-indent: -9999px;, was eh besser ist, da einige ältere Screenreader mit display: none; versehenen Text nicht vorlesen). Außerdem kannst Du die Klassen von li und a rauswerfen (Stichwort "Nachfahrenselektor"), vom name-Attribut ganz zu schweigen
Zuletzt bearbeitet von heiko_rs am Mo 18.02.2008 21:09, insgesamt 2-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
Anzeigeunterschied zwischen Internet Explorer und Firefox
Problem mit Schriftart in Firefox und Internet Explorer
Text im Internet Explorer viel größer als in Mozilla Firefox
Darstellung im Firefox vs. Darstellung im Internet Explorer
CSS im Internet Explorer
Farbtiefe im Internet Explorer
|
|