provius: verschiedene darstellung: ie/firefox

Einen guten Tag zusammen.

Ich verzweifle nun schon seit ner guten stunde an folgendem quelltext:

  
#01 { position:absolute;  
 top:50%;  
 margin-top:-250px;  
 left:50%;  
 margin-left:-400px;  
 width:37px;  
 height:50px;  
 background-image: url('hgrund/01.gif'); }  
#02 { position:absolute;  
 top:50%;  
 margin-top:-250px;  
 left:50%;  
 margin-left:-363px;  
 width:91px;  
 height:94px;  
 background-image:url('hgrund/02.gif');  
 text-align:right;  
 font-variant:small-caps; }  
#03 { position:absolute;  
 top:50%;  
 margin-top:-250px;  
 left:50%;  
 margin-left:-272px;  
 width:32px;  
 height:500px;  
 background-image:url('hgrund/03.gif'); }  
#04 { position:absolute;  
 top:50%;  
 margin-top:-250px;  
 left:50%;  
 margin-left:-240px;  
 width:620px;  
 height:60px;  
 background-image:url('hgrund/04.gif'); }  
#05 { position:absolute;  
 top:50%;  
 margin-top:-250px;  
 left:50%;  
 margin-left:+380px;  
 width:20px;  
 height:60px;  
 background-image:url('hgrund/05.gif'); }  
#06 { position:absolute;  
 top:50%;  
 margin-top:-156px;  
 left:50%;  
 margin-left:-363px;  
 width:91px;  
 height:291px; }  
#07 { position:absolute;  
 top:50%;  
 margin-top:+135px;  
 left:50%;  
 margin-left:-363px;  
 width:91px;  
 height:115px;  
 background-image:url('hgrund/21.gif'); }  
#08 { position:absolute;  
 top:50%;  
 margin-top:-190px;  
 left:50%;  
 margin-left:-240px;  
 width:620px;  
 height:375px; }  
#09 { position:absolute;  
 top:50%;  
 margin-top:-190px;  
 left:50%;  
 margin-left:+380px;  
 width:20px;  
 height:20px; }  
#10 { position:absolute;  
 top:50%;  
 margin-top:185px;  
 left:50%;  
 margin-left:-240px;  
 width:620px;  
 height:65px;  
 background-image:url('hgrund/23.gif'); }  
#11 { position:absolute;  
 top:50%;  
 margin-top:+170px;  
 left:50%;  
 margin-left:+380px;  
 width:20px;  
 height:24px; }  
#12 { position:absolute;  
 top:50%;  
 margin-top:+194px;  
 left:50%;  
 margin-left:+380px;  
 width:20px;  
 height:56px;  
 background-image:url('hgrund/24.gif'); }  

im ie wird alles einwandfrei dargestelt. beim firefox klebt alles einfach an der linken fensterseite....

hier noch der zugehörige quelltext:

  
  
<html>  
<head>  
<title>satansluts - shirts, musik & style</title>  
<link rel=stylesheet type=text/css href=sluts.css>  
<script type=text/javascript src=menu.js></script>  
<base target=haupt>  
</head>  
<div id=01></div>  
<div id=02></div>  
<div id=03></div>  
<div id=04></div>  
<div id=05></div>  
<div id=06>  
 <a href="neu.html" onmouseover="Bildwechsel(0, Highlight1)" onmouseout="Bildwechsel (0,Normal1)"><img src="hgrund/10.gif" border="0" width="91" height="26"></a><br>  
 <img src="hgrund/11.gif"><br>  
 <a href="sluts.html" onmouseover="Bildwechsel(1, Highlight2)" onmouseout="Bildwechsel (1,Normal2)"><img src="hgrund/12.gif" border="0" width="91" height="25"></a><br>  
 <img src="hgrund/13.gif"><br>  
 <a href="shirts.html" onmouseover="Bildwechsel(2, Highlight3)" onmouseout="Bildwechsel (2,Normal3)"><img src="hgrund/14.gif" border="0" width="91" height="30"></a><br>  
 <img src="hgrund/15.gif"><br>  
 <a href="musik.html" onmouseover="Bildwechsel(3, Highlight4)" onmouseout="Bildwechsel (3,Normal4)"><img src="hgrund/16.gif" border="0" width="91" height="25"></a><br>  
 <img src="hgrund/17.gif"><br>  
 <a href="spezial.html" onmouseover="Bildwechsel(4, Highlight5)" onmouseout="Bildwechsel (4,Normal5)"><img src="hgrund/18.gif" border="0" width="91" height="35"></a><br>  
 <img src="hgrund/19.gif"><br>  
 <a href="info.html" onmouseover="Bildwechsel(5, Highlight6)" onmouseout=Bildwechsel "(5,Normal6)"><img src="hgrund/20.gif" border="0" width="91" height="30"></a></div>  
<div id=07></div>  
<div id=08><iframe width=620 height=375 name=haupt src=neu.html frameborder=0 scrolling=no></iframe></div>  
<div id=09><a href="#" onMouseover="scrollspeed=-3" onMouseout="scrollspeed=0"><img src=hgrund/08.gif border=0></a></div>  
<div id=10></div>  
<div id=11><a href="#" onMouseover="scrollspeed=3" onMouseout="scrollspeed=0"><img src=hgrund/22.gif border=0></a></div>  
<div id=12></div>  
</body>  
</html>  

zudem komm ich mit dem menü nicht klar. ich hab die vorlage von selfhtml übernommen. das mouseover an sich funktioniert, nur leider werden die grafiken neu (falsch) positioniert. woran kann das liegen?

ich wär sehr erleichtert, könnte mir jemand hierzu helfen. ich komm echt nicht allein weiter. danke.

SLUTon, Chris

--
http://www.4-tonnen-live.de, http://www.julibaum.de, http://www.ken-park.de, http://www.satansluts.de, http://www.kammerermuehle.de
  1. Hallo provius,

    #01 { position:absolute;

      
    <http://de.selfhtml.org/html/referenz/attribute.htm#universalattribute>  
    <http://de.selfhtml.org/html/referenz/attribute.htm#id_idref_name>  
      
    ID, IDREF oder Name  
    Der Wert eines solchen Attributs \_muss\_ (!) mit einem Buchstaben A-Z oder a-z beginnen, und \_darf\_ in der \_weiteren\_ Zeichenkette ebenfalls nur Buchstaben A-Z und a-z, Ziffern 0-9, Bindestriche (-), Unterstriche (\_), Doppelpunkte (:) und Punkte (.) enthalten. Nicht erlaubt sind Sonderzeichen, Leerzeichen oder andere Interpunktionszeichen.  
      
    Mit freundlichen Grüßen,  
    André
    
    -- 
    Ein Geleitzug aus tausend Explosionen  
    irgendwo in den Sternen verborgen  
    relatives Sein zerbricht die Stille  
    eine Träne flüstert Gottes Wille
    
    1. Einen guten Tag zusammen.»» Hallo provius,

      erst mal danke für die hilfe.

      bitte poste nur kurze Quelletxt-Ausschnitte, keine Romane. Ein Link zur Problemseite ist im Zweifel hilfreicher.

      • ich werds mir fürs nächste mal merken.

      Natürlich. Firefox weiß, dass IDs nicht mit einer Ziffer beginnen können. Übrigens sind durchnummerierte IDs üblicherweise ein Indiz für eine ungünstige Struktur.

      • hier lag das problem, danke. die struktur an sich fand ich jedoch auch nur mit zahlen übersichtlich. sind ja nur wenige divs....

      Verlasse den Quirks-Mode.

      • leider kann ich mit dieser aussage nichts anfangen.

      Vermeide Frames. Dringend.

      • ich weiß. darauf wird man hier ständig hingewiesen. aber wie sonst (ohne serverseitg zu arbeiten) kann ich externe seiten, z.b. gästebucher in meine seite einbinden?

      Inhaltsleere Elemente sind ein _deutliches_ Indiz für eine ungünstige Struktur.

      • diese divs bestehen nur, um eine hintergrundgrafik zu haben. inhalt kommt teilweise noch hinzu.

      »» <a href="neu.html" onmouseover="Bildwechsel(0, Highlight1)" onmouseout="Bildwechsel (0,Normal1)">

      Warum benutzt Du dafür nicht CSS?

      • ich hatte es versucht, aber leider konnte ich keine css-lösung zum bildswitch finden. diesen link http://www.1ngo.de/web/bildwechsel.html#wechsel hatte ich auch versucht. da ich aber mit transparenten grafiken arbeite, ists leider nicht umsetzbar.

      »» <div id=09><a href="#" onMouseover="scrollspeed=-3" onMouseout="scrollspeed=0"><img src=hgrund/08.gif border=0></a></div>

      Ich hoffe, dass mit dem "scrollspeed" ist ein Witz. Warum verlinkst Du übrigens auf eine unspezifizierte Position im aktuellen Dokument?

      • hier hab ich was gemacht, wofür viele forum-nutzer hier mich gerne köpfen würden. ich hab die scrollbar ausgeblendet und mit einem scroll-js ersetzt. diese mouseover beziehen sich auf dieses externe js.

      --------------------------------

      das problem, was noch bleibt, sind die mouseover-menü-grafiken mit js. die werden immer versetzt dargestellt. hier http://www.satansluts.de/test/ könnt ihr euch ein bild davon machen.

      SLUTon, Chris

      --
      http://www.4-tonnen-live.de, http://www.julibaum.de, http://www.ken-park.de, http://www.satansluts.de, http://www.kammerermuehle.de
      1. Hi,

        bitte poste nur kurze Quelletxt-Ausschnitte, keine Romane. Ein Link zur Problemseite ist im Zweifel hilfreicher.

        • ich werds mir fürs nächste mal merken.

        Dann mach in Zukunft auch bitte die Zitatmarker »» nicht kaputt, sonst erkennt die Software hier nicht mehr, was zitiert ist und was Deine Antwort.

        Und antworte bitte nicht durcheinander auf mehrere Postings - das hier ist kein Board, sondern ein Forum.

        cu,
        Andreas

        --
        Warum nennt sich Andreas hier MudGuard?
        Schreinerei Waechter
        Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
      2. Hello,

        Verlasse den Quirks-Mode.

        • leider kann ich mit dieser aussage nichts anfangen.

        http://de.wikipedia.org/wiki/Quirksmode
        D.h wähle einen Doctype und benutze die dafür richtigen Regeln.

        Ich hoffe, dass mit dem "scrollspeed" ist ein Witz. Warum verlinkst Du übrigens auf eine unspezifizierte Position im aktuellen Dokument?

        • hier hab ich was gemacht, wofür viele forum-nutzer hier mich gerne köpfen würden. ich hab die scrollbar ausgeblendet und mit einem scroll-js ersetzt. diese mouseover beziehen sich auf dieses externe js.

        Ausgeblendet ist gar nichts.

        das problem, was noch bleibt, sind die mouseover-menü-grafiken mit js. die werden immer versetzt dargestellt. hier http://www.satansluts.de/test/ könnt ihr euch ein bild davon machen.

        Tja, man sollte sich den Code auch mal genau ansehen, bevor man ihn einfach nur so aus Selfhtml übernimmt. Du übergibst der Javascript-Funktion immer die nächste mögliche Grafik aus deiner HTML-Datei. Die nächste Grafik ist aber bei nicht immer ein Button, sondern manchmal auch eine deiner 10px hohen "Füllgrafiken" zwischen den Buttons.

        Markus.

        --
        http://www.apostrophitis.at
        STANDAR_D_  - ist das wirklich so schwer?
        1. Einen guten Tag zusammen.

          Verlasse den Quirks-Mode.

          • leider kann ich mit dieser aussage nichts anfangen.

          http://de.wikipedia.org/wiki/Quirksmode
          D.h wähle einen Doctype und benutze die dafür richtigen Regeln.

          ich dachte, bisher komme ich dieser regel nach....

          das problem, was noch bleibt, sind die mouseover-menü-grafiken mit js. die werden immer versetzt dargestellt. hier http://www.satansluts.de/test/ könnt ihr euch ein bild davon machen.

          Tja, man sollte sich den Code auch mal genau ansehen, bevor man ihn einfach nur so aus Selfhtml übernimmt. Du übergibst der Javascript-Funktion immer die nächste mögliche Grafik aus deiner HTML-Datei. Die nächste Grafik ist aber bei nicht immer ein Button, sondern manchmal auch eine deiner 10px hohen "Füllgrafiken" zwischen den Buttons.

          ok. dann werd ich also das menü auch noch in einzelne divs zerlegen. dann müsste sich dieses problem ja lösen. oder verstehe ich da was falsch?
          leider kann ich es js-seitig nicht lösen, da ich bei js absolut null ahnung hab (und demnach auch gerade deshalb den quelltext einfach so übernommen hab).

          • wie wäre es denn zu definieren, auf welche grafik das js angewendet werden soll?

          vielen dank.

          SLUTon, Chris

          --
          http://www.4-tonnen-live.de, http://www.julibaum.de, http://www.ken-park.de, http://www.satansluts.de, http://www.kammerermuehle.de
          1. Hello,

            ich dachte, bisher komme ich dieser regel nach....

            Du hast keinen Doctype angegeben, also wird der Quirksmode verwendet. Anders gesagt: Der Browser wurschtelt sich irgend etwas zusammen.

            das problem, was noch bleibt, sind die mouseover-menü-grafiken mit js. die werden immer versetzt dargestellt. hier http://www.satansluts.de/test/ könnt ihr euch ein bild davon machen.

            ok. dann werd ich also das menü auch noch in einzelne divs zerlegen. dann müsste sich dieses problem ja lösen. oder verstehe ich da was falsch?

            Dein Problem hat mit dem Layout an sich nichts zu tun.

            wie wäre es denn zu definieren, auf welche grafik das js angewendet werden soll?

            Genau das macht die Funktion auch, nur du übergbist immer die falschen Grafiken. Sieh dir doch mal die js-Funktion an und den ersten Parameter an.
            Zitat aus Selfhtml:
            Dazu benötigt die Funktion zwei Parameter: die wie vielte Grafik in der Datei ausgetauscht werden soll (Parameter Bildnr)

            Dein 2. Button ist die _dritte_ Grafik. Du übergibst aber die zweite Grafik, die deine Füllgrafik ist. Demzufolge stimmen auch die darauffolgenden Grafiken nicht.

            Markus.

            --
            http://www.apostrophitis.at
            STANDAR_D_  - ist das wirklich so schwer?
            1. Einen guten Tag zusammen.

              wie wäre es denn zu definieren, auf welche grafik das js angewendet werden soll?

              Genau das macht die Funktion auch, nur du übergbist immer die falschen Grafiken. Sieh dir doch mal die js-Funktion an und den ersten Parameter an.
              Zitat aus Selfhtml:
              Dazu benötigt die Funktion zwei Parameter: die wie vielte Grafik in der Datei ausgetauscht werden soll (Parameter Bildnr)

              Dein 2. Button ist die _dritte_ Grafik. Du übergibst aber die zweite Grafik, die deine Füllgrafik ist. Demzufolge stimmen auch die darauffolgenden Grafiken nicht.

              vielen, vielen dank. da war ich ja mal mein eigenes hindernis. nächstes mal les ich sorgfältig alles durch. danke

              ----------------------------

              nun hab ich nur noch ein kleines problem:
              <a href="#" onMouseover="scrollspeed=-3" onMouseout="scrollspeed=0">
              dieses mouseover müsste ich doppelt belegen, zum einen mit "scrollspeed", zum anderen noch zusätzlich mit der funktion "bildwechsel".
              <a href="z.html" onmouseover="Bildwechsel(x, Highlighty)" onmouseout="Bildwechsel (x,Normaly)"
              wie kann ich das ausführen?

              SLUTon, Chris

              --
              http://www.4-tonnen-live.de, http://www.julibaum.de, http://www.ken-park.de, http://www.satansluts.de, http://www.kammerermuehle.de
  2. Hi,

    Ich verzweifle nun schon seit ner guten stunde an folgendem quelltext:

    bitte poste nur kurze Quelletxt-Ausschnitte, keine Romane. Ein Link zur Problemseite ist im Zweifel hilfreicher.

    #01 { position:absolute;

    [...]

    im ie wird alles einwandfrei dargestelt.

    Dieser Bug ist bekannt.

    beim firefox klebt alles einfach an der linken fensterseite....

    Natürlich. Firefox weiß, dass IDs nicht mit einer Ziffer beginnen können. Übrigens sind durchnummerierte IDs üblicherweise ein Indiz für eine ungünstige Struktur.

    hier noch der zugehörige quelltext:
    <html>

    Verlasse den Quirks-Mode.

    <link rel=stylesheet type=text/css href=sluts.css>

    Validiere Deine Codes! Immer! Immer, immer, immer! Wann immer ein Problem auftritt, ist das *erste*, was Du machen musst(!), die Codes zu validieren.

    <base target=haupt>

    Vermeide Frames. Dringend.

    <div id=01></div>

    Inhaltsleere Elemente sind ein _deutliches_ Indiz für eine ungünstige Struktur.

    <a href="neu.html" onmouseover="Bildwechsel(0, Highlight1)" onmouseout="Bildwechsel (0,Normal1)">

    Warum benutzt Du dafür nicht CSS?

    <img src="hgrund/10.gif" border="0" width="91" height="26">

    ERROR: Required attribute "alt" missing.

    Validiere Deine Codes! Zudem solltest Du Texte verlinken, gerade in einer Navigation, welche im übrigen eine Liste ist, die in Deinem Strukturcode fehlt.

    </a><br>

    <br> ist ebenfalls ein Indiz für eine ungünstige Struktur.

    <img src="hgrund/11.gif"><br>

    <img> ist Inhalt. Verzierungen gehören in den CSS-Code.

    <div id=08><iframe width=620 height=375 name=haupt src=neu.html frameborder=0 scrolling=no></iframe></div>

    Vermeide Frames. Dringend.

    <div id=09><a href="#" onMouseover="scrollspeed=-3" onMouseout="scrollspeed=0"><img src=hgrund/08.gif border=0></a></div>

    Ich hoffe, dass mit dem "scrollspeed" ist ein Witz. Warum verlinkst Du übrigens auf eine unspezifizierte Position im aktuellen Dokument?

    zudem komm ich mit dem menü nicht klar.

    Kein Wunder, der Strukturcode ist sehr mangelhaft. Wie eine Navigation auszusehen hat, wurde hier schon mehrfach diskursiert.

    ich hab die vorlage von selfhtml übernommen.

    Die sollte mal gelöscht werden.

    das mouseover an sich funktioniert, nur leider werden die grafiken neu (falsch) positioniert. woran kann das liegen?

    Daran, dass das Konzept schon in der Grundlage krankt.

    ich wär sehr erleichtert, könnte mir jemand hierzu helfen. ich komm echt nicht allein weiter. danke.

    Korrigiere zuallerallererst den Strukturcode. Dann sorge für eine sinnvolle Darstellung mittels CSS. Falls(!) Du anschließend noch Effekte per JavaScript zu brauchen glauben solltest, kümmere Dich darum.

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    1. hallo Cheatah,

      ich hab die vorlage von selfhtml übernommen.
      Die sollte mal gelöscht werden.

      Naja, zuerst sollte die genaue Fundstelle benannt werden. Ich wüßte nicht, daß in SELFHTML eine solche fehlerhafte Vorlage tatsächlich zu finden ist.

      Grüße aus Berlin

      Christoph S.

      --
      Visitenkarte
      ss:| zu:) ls:& fo:) va:) sh:| rl:|
      1. Hi,

        Naja, zuerst sollte die genaue Fundstelle benannt werden. Ich wüßte nicht, daß in SELFHTML eine solche fehlerhafte Vorlage tatsächlich zu finden ist.

        das würde mich in der Tat auch wundern. provius, kannst Du die entsprechende Stelle bitte verlinken?

        Cheatah

        --
        X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
        X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
        X-Will-Answer-Email: No
        X-Please-Search-Archive-First: Absolutely Yes