mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 02:50 Benutzername: Passwort: Auto-Login

Thema: Anzeigeunterschied zwischen Internet Explorer und Firefox vom 16.02.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Anzeigeunterschied zwischen Internet Explorer und Firefox
Autor Nachricht
enisk
Threadersteller

Dabei seit: 09.07.2006
Ort: Ffm
Alter: 35
Geschlecht: Männlich
Verfasst Sa 16.02.2008 01:59
Titel

Anzeigeunterschied zwischen Internet Explorer und Firefox

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
remote

Dabei seit: 10.11.2006
Ort: /var/www/
Alter: 109
Geschlecht: Männlich
Verfasst Sa 16.02.2008 14:44
Titel

Antworten mit Zitat Zum Seitenanfang

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>
                  
  View user's profile Private Nachricht senden
Anzeige
Anzeige
enisk
Threadersteller

Dabei seit: 09.07.2006
Ort: Ffm
Alter: 35
Geschlecht: Männlich
Verfasst Sa 16.02.2008 18:41
Titel

hi

Antworten mit Zitat Zum Seitenanfang

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>
  View user's profile Private Nachricht senden
enisk
Threadersteller

Dabei seit: 09.07.2006
Ort: Ffm
Alter: 35
Geschlecht: Männlich
Verfasst So 17.02.2008 20:51
Titel

hi

Antworten mit Zitat Zum Seitenanfang

kann mir irgendjmd helfen?
  View user's profile Private Nachricht senden
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst So 17.02.2008 21:25
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
enisk
Threadersteller

Dabei seit: 09.07.2006
Ort: Ffm
Alter: 35
Geschlecht: Männlich
Verfasst Mo 18.02.2008 19:16
Titel

hi

Antworten mit Zitat Zum Seitenanfang

danke
awesome

es klappt
  View user's profile Private Nachricht senden
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Mo 18.02.2008 21:07
Titel

Antworten mit Zitat Zum Seitenanfang

Ü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 *zwinker*

Zuletzt bearbeitet von heiko_rs am Mo 18.02.2008 21:09, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.