Probleme mit Firefox!

[sandy77]

Hallo zusammen,

ich bin grade dabei meine Homepage neu aufzubauen und benutze hauptsächlich den IE7 -.-° Da es aber viele gibt,die auch mozilla nutzen(an den rest will ich gar nicht denken^^),hab ich den natürlich auch und ich weiss,das die beiden was html und co. abweichen können.
Also schön aufgebaut,zumindest so evrsucht,wie ich es gerne möchte und klappt auch alles im IE7 zu 99%,nur leider nicht im FF! Hab nun schon geschaut aber irgendwie absolut null Plan,woran es liegen könnte.

Schonmal danke im Vorraus für Antworten und eventuelle Hilfe

Der Link zu der Seite:
http://www.w-inds.de/New/index2.html
Die Fehler denke ich sieht man selber,ausser es liegt an meinem PC!
Der weisse HG fehlt,wenn man auf die 3 Bilder rechts geht,die verlinkten,kommt man zur nächsten und alles ist wie bei einem Link unterstrichen und auch direkt verlinkt.
mfg
sandy

Edit ist grade noch etwas aufgefallen und zwar kann man die Links auf der Seite im FF auch nicht wirklich korrekt anklicken,manchmal gehts aber unsauber ?!

[Boris]

und ich weiss,das die beiden was html und co. abweichen können

Nicht wirklich - der IE7 und IE6 weichen sehr von allem ab, was als Standard mal festgelegt wurde.

Daher ist es immer besser, erst mit dem Firefox zu arbeiten und danach alle "Fehler" bei der Darstellung im IE zu beseitigen.

Anders herum hat das keinen Sinn.

[sandy77]

Hmm,ok,da kenn ich mich dann doch nicht so mit aus. Was mir bei meinem problem aber nicht wirklich weiterhilft da ich immer noch keine Lösung dafür gefunden habe. Trotzdem danke für deine Antwort

[netzor]

Hab mir gerade deine Seite angesehen. Die Links sind schwer erkennbar. Denke mal, dass das dein Problem ist.

Hier ein Beispiel wie du Links in der CSS-Datei formatierst:

 a:link{
color: #ADD8E6; font-size: 1.0em;
font-family: Verdana, sans-serif; text-decoration: underline;}
 a:visited{
color:#ADD8E6; font-size: 1.0em;
font-family: Verdana, sans-serif; text-decoration: underline;}
 a:hover{
color:#ADD8E6; font-size: 1.0em;
font-family: Verdana, sans-serif; text-decoration: underline;}
 a:active{
color:#ADD8E6; font-size: 1.0em;
font-family: Verdana, sans-serif; text-decoration: underline;}

Am besten du arbeitest vollständig mit der externen CSS-Datei. So trennst du Style und Auszeichnung klar. Hast du darüber nachgedacht ob du den I-Frame brauchst? Denn wenn du durch Suchmaschinen gut gefunden werden willst, dann ist das suboptimal. Wenn du jetzt hoffnungslos überfordert bist, kann ich gern deine CSS-Datei durchsehen. Aber beschreibe mir davor bitte ausführlicher dein Problem.

[sandy77]

Hallo,
danke erstmal für deine Antwort und Mühe.Das eigentliche Problem,was ich jetzt behoben habe,war,das der komplette Text in dem i-Frame überzogen wurde mit den css daten,denke ich.
Wenn du auf obrige Seite gehst und eins der Bilder anklickst. Ich hatte in dem I-Frame ein Bild rechts oben eingefügt,welches genau wie auf der Seite davor ein Bild war,wenn man mit der Maus drüber geht,es auf ein anderes Bild wechselt.
War derselbe Code wie auf http://www.w-inds.de/New/index2.html mit Javascript.Ich Hatte den Code von einer Seite,wo dies eigentlich gut beschrieben wurde.Nur war der komplette Text dann overlined und verlinkt wie das Bild. Bissel kenn ich mich mit css schon aus,mit javascript so gut wie gar nicht.
Na ja,hab das Bild da nun rausgenommen,nun geht das.

Das mit den Links,hmm,da hab ich wohl ein wenig geschlampt,bg vergessen,im IE einfach die Farbe weggelassen und war dann automatisch weiss.Auch behoben.

Ein Problem was ich jetzt noch habe.
http://www.w-inds.de/New/two/main.html Auf der Seite funktioniert alles.Man kann die Links ganz normal anklicken.Aber auf der eigentliche Seite im I-Frame geht es gar nicht. Siehe hier http://www.w-inds.de/New/index2.html.
Werd selber noch schauen,ob ich dahinter komme,würd mich trotzdem über Antwort freuen.

Edit meint: Letzteres Problem,ok,es funktioniert wieder nur im IE an sich,im Mozilla beide Seiten nicht mit den Links *haare rausreiss*
lg

[netzor]

Ich denke, das Problem mit den Links liegt bei den Area-Shapes:

<img src="header.gif" height="750" width="915" usemap="#header.gif" border="0"><map name="header.gif">
  <area shape="rect" href="http://www.w-inds.de/New/index.html" alt="" coords="47,40,139,89">
  <area shape="rect" href="http://www.w-inds.de/New/index2.html" alt="" coords="165,38,320,94">
  <area shape="rect" href="http://www.w-inds.de/New/index3.html" alt="" coords="334,38,488,93">
  <area shape="rect" href="http://www.w-inds.de/New/index4.html" alt="" coords="496,39,614,93">

  <area shape="rect" href="http://www.w-inds.de/New/index4.html" alt="" coords="620,40,718,95">
  <area shape="rect" href="http://www.w-inds.de/New/index4.html" alt="" coords="741,41,852,95">
</map>

Die liegen offenbar nur über den linken Links richtig. Da solltest du ansetzen. Vielleicht schmeißt du die JS-Links auch einfach raus, weil eine Hand als Mauszeiger über dem Link auch gut ist und dann sparst du dir die ganze Arbeit.

Zudem sind die Dateinamen chronisch einfallslos (index2, index3...). Da solltest du dir wegen deiner besseren Übersicht einen erklärenden Dateinamen mit Bindestrichen vorstellen. Denn dadurch findet dich Google auch besser. Die I-Frames sind an jener stelle auch unnötig. Besser wäre eine PHP-Lösung, bei der du eine Head- bzw. Bottom-Datei anlegst und diese dann in der entsprechenden Datei mit

<?php
include ('meine-kopfdatei.php');
?>

einfügst. Das ist sehr einfach und verursacht nicht so viele Kompatibilitätsrisiken. Designmäßig finde ich es persönlich immer schlecht, wenn man einen großen Bereich der rechten Fläche leer lässt. Am Besten machst du den Inhalt mit

#inhalt {
margin: 0 auto;
}

mittig. Du kannst mich auch mit Jabber unter pe@jabber.tf-network.de oder über ICQ unter 443831222 erreichen. Ich helfe gerne.