patrick123: Stylesheet für den IE/Firefox

SELF-Forum

Stylesheet für den IE/Firefox

patrick123
– Informationen zu den Bewertungsregeln

Hi Leute,

ich habe einen Produktkatalog digitalisiert auf HTML Basis.
Ich habe das Lesezeichen so aufgebaut wie in dem Physikalischen Katalog, leider habe ich während der Erstellung nur mit Chrome gearbeitet.
Die meisten Leute die meinen Produktkatalog anschauen wollen, werden wahrscheinlich den IE o. Firefox nutzen, mit Chrome alles gut, aber wenn man den Digitalen Produktkatalog im IE aufruft ist alles komplett verzerrt, beim Firefox "leicht" verzerrt.. I
Ich habe schon versucht über Google herauszufinden wie ich ein Stylesheet nur für den IE oder Firefox zur Verfügung stelle, aber ich konnte leider keine Information finden und umsetzen die mein Problem lösen würde.

Ich hoffe Ihr könnt mir helfen.
Vielen Dank.

Gruß Patrick

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Stylesheet für den IE/Firefox

    Matthias Apsel Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Om nah hoo pez nyeetz, patrick123!

    Ich habe schon versucht über Google herauszufinden wie ich ein Stylesheet nur für den IE oder Firefox zur Verfügung stelle, aber ich konnte leider keine Information finden und umsetzen die mein Problem lösen würde.

    Dieser Lösungsansatz wird nicht zielführend sein.

    Prüfe die Dokumente mit einem Validator auf Fehler. (< HTML5, HTML5) beseitige diese ggf. Wenn das nicht hilft, zeige die Seite-

    Matthias

    --
    Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Geste und Gestein.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Stylesheet für den IE/Firefox

      patrick123
      – Informationen zu den Bewertungsregeln

      Om nah hoo pez nyeetz, patrick123!

      Ich habe schon versucht über Google herauszufinden wie ich ein Stylesheet nur für den IE oder Firefox zur Verfügung stelle, aber ich konnte leider keine Information finden und umsetzen die mein Problem lösen würde.

      Dieser Lösungsansatz wird nicht zielführend sein.

      Prüfe die Dokumente mit einem Validator auf Fehler. (< HTML5, HTML5) beseitige diese ggf. Wenn das nicht hilft, zeige die Seite-

      Matthias

      Ich konnte den Beitrag davor nicht löschen sry..

      Ja hab gerade mal durch den Validator gehauen... 89 Fehler.. Viele Wiederholungsfehler aber ich bin kein gelernter Webdesigner, sondern mach das nur so aus hobby und das was ich damit erreichen wollte hat funktioniert, nur halt nicht für alle Browser -.- Wobei ich bei meinen Fehlern gar nicht weiss wie ich es "richtig" aufbaue.

      Hier ein Auszug aus dem Validator:

      Info: The Content-Type was text/html. Using the HTML parser.
Info: Using the schema for HTML with SVG 1.1, MathML 3.0, RDFa 1.1, and ITS 2.0 support.
Error: The background attribute on the body element is obsolete. Use CSS instead.
From line 39, column 3; to line 39, column 58
</head>↩  <body background="../../images/kalt/ferroli_inhalt.jpg">↩<div>
Error: Attribute span not allowed on element p at this point.
From line 41, column 1; to line 41, column 27
g">↩<div>↩<p span class="ferroli_u1"><a hre
Attributes for element p:
Global attributes
Error: Stray end tag span.
From line 41, column 105; to line 41, column 111
EN</a></p></span>↩<p sp
Error: Attribute span not allowed on element p at this point.
From line 42, column 1; to line 42, column 27
p></span>↩<p span class="ferroli_u2"><a hre
Attributes for element p:
Global attributes
Error: Attribute span not allowed on element p at this point.
From line 46, column 1; to line 46, column 17
D_edit">↩↩<p span class=""><a hre
Attributes for element p:
Global attributes
Error: Attribute span not allowed on element p at this point.
From line 47, column 1; to line 47, column 17
A</a></p>↩<p span class=""><a hre
Attributes for element p:
Global attributes
Error: Stray end tag span.
From line 47, column 75; to line 47, column 81
MA</a></p></span>↩<p sp
Error: Attribute span not allowed on element p at this point.
From line 48, column 1; to line 48, column 17
p></span>↩<p span class=""><a hre
Attributes for element p:
Global attributes
Error: Attribute span not allowed on element p at this point.
From line 49, column 1; to line 49, column 17
E</a></p>↩<p span class=""><a hre
Attributes for element p:
Global attributes
Error: Attribute span not allowed on element p at this point.
From line 50, column 1; to line 50, column 17
A</a></p>↩<p span class=""><a hre
Attributes for element p:
Global attributes
Error: Attribute span not allowed on element p at this point.
From line 51, column 1; to line 51, column 17
E</a></p>↩<p span class=""><a hre
Attributes for element p:
Global attributes
Error: Attribute span not allowed on element p at this point.
From line 52, column 1; to line 52, column 22
T</a></p>↩<p span class="stuck"><a hre
Attributes for element p:
Global attributes
Error: Attribute span not allowed on element p at this point.
From line 53, column 1; to line 53, column 22
A</a></p>↩<p span class="stuck"><a hre
Attributes for element p:
Global attributes
Error: Attribute span not allowed on element p at this point.
From line 54, column 1; to line 54, column 22
A</a></p>↩<p span class="stuck"><a hre
Attributes for element p:
Global attributes
Error: Attribute span not allowed on element p at this point.
From line 55, column 1; to line 55, column 17
E</a></p>↩<p span class=""><a hre
Attributes for element p:
Global attributes
Error: Attribute span not allowed on element p at this point.
From line 56, column 1; to line 56, column 17
T</a></p>↩<p span class=""><a hre
Attributes for element p:
Global attributes
Error: Attribute span not allowed on element p at this point.
From line 57, column 1; to line 57, column 22
A</a></p>↩<p span class="stuck"><a hre
Attributes for element p:
Global attributes
Error: Attribute span not allowed on element p at this point.
From line 58, column 1; to line 58, column 17
E</a></p>↩<p span class=""><a hre
Attributes for element p:
Global attributes
Error: Attribute span not allowed on element p at this point.
From line 59, column 1; to line 59, column 22
T</a></p>↩<p span class="stuck"><a hre
Attributes for element p:
Global attributes
Error: Attribute span not allowed on element p at this point.
From line 60, column 1; to line 60, column 17
V</a></p>↩<p span class=""><a hre
Attributes for element p:
Global attributes
Error: End tag br.
From line 60, column 83; to line 60, column 87
HE</a></p></br></br>↩
Error: End tag br.
From line 60, column 88; to line 60, column 92

></p></br></br>↩<p sp

Error: Attribute span not allowed on element p at this point.
From line 61, column 1; to line 61, column 17
/br></br>↩<p span class=""><a hre
Attributes for element p:
Global attributes
Error: Attribute span not allowed on element p at this point.
From line 62, column 1; to line 62, column 17
P</a></p>↩<p span class=""><a hre
Attributes for element p:
Global attributes
Error: Attribute span not allowed on element p at this point.
From line 63, column 1; to line 63, column 22
E</a></p>↩<p span class="stuck"><a hre
Attributes for element p:
Global attributes
Error: Attribute span not allowed on element p at this point.
From line 64, column 1; to line 64, column 17
C</a></p>↩<p span class=""><a hre
Attributes for element p:
Global attributes
Error: End tag br.
From line 64, column 83; to line 64, column 87
HE</a></p></br></br><
Error: End tag br.
From line 64, column 88; to line 64, column 92

></p></br></br></br>↩

Error: End tag br.
From line 64, column 93; to line 64, column 97
</br></br></br>↩<p sp
Error: Attribute span not allowed on element p at this point.
From line 65, column 1; to line 65, column 22
/br></br>↩<p span class="stuck"><a hre
Attributes for element p:
Global attributes
Error: Attribute span not allowed on element p at this point.
From line 66, column 1; to line 66, column 22
W</a></p>↩<p span class="stuck"><a hre
Attributes for element p:
Global attributes
Error: End tag br.
From line 66, column 82; to line 66, column 86
VW</a></p></br></br><
Error: End tag br.
From line 66, column 87; to line 66, column 91

></p></br></br></br><

Error: End tag br.
From line 66, column 92; to line 66, column 96
</br></br></br></br><
Error: End tag br.
From line 66, column 97; to line 66, column 101
</br></br></br></br>↩
Error: End tag br.
From line 66, column 102; to line 66, column 106
</br></br></br>↩<p sp
Error: Attribute span not allowed on element p at this point.
From line 67, column 1; to line 67, column 17
/br></br>↩<p span class=""><a hre
Attributes for element p:
Global attributes
Error: Attribute span not allowed on element p at this point.
From line 68, column 1; to line 68, column 17
E</a></p>↩<p span class=""><a hre
Attributes for element p:
Global attributes
Error: Attribute span not allowed on element p at this point.
From line 69, column 1; to line 69, column 22
E</a></p>↩<p span class="stuck"><a hre
Attributes for element p:
Global attributes
Error: End tag br.
From line 86, column 92; to line 86, column 96
</br></br></br></br><
Error: End tag br.
From line 86, column 97; to line 86, column 101
</br></br></br></br>↩
Error: End tag br.
From line 86, column 102; to line 86, column 106
</br></br></br>↩<p sp
Error: Attribute span not allowed on element p at this point.
From line 87, column 1; to line 87, column 17
/br></br>↩<p span class=""><a hre
Attributes for element p:
Global attributes
Error: End tag br.
From line 87, column 77; to line 87, column 81
FA</a></p></br></br><
Error: End tag br.
From line 87, column 82; to line 87, column 86

></p></br></br></br><

Error: End tag br.
From line 87, column 87; to line 87, column 91
</br></br></br></br><
Error: End tag br.
From line 87, column 92; to line 87, column 96
</br></br></br></br>↩
Error: End tag br.
From line 87, column 97; to line 87, column 101
</br></br></br>↩<p sp
Error: Attribute span not allowed on element p at this point.
From line 88, column 1; to line 88, column 22
/br></br>↩<p span class="stuck"><a hre
Attributes for element p:
Global attributes
Error: Attribute span not allowed on element p at this point.
From line 89, column 1; to line 89, column 22
C</a></P>↩<p span class="stuck"><a hre
Attributes for element p:
Global attributes
Error: Attribute span not allowed on element p at this point.
From line 90, column 1; to line 90, column 22
R</a></p>↩<p span class="stuck"><a hre
Attributes for element p:
Global attributes
Error: Attribute span not allowed on element p at this point.
From line 91, column 1; to line 91, column 17
P</a></p>↩<p span class=""><a hre
Attributes for element p:
Global attributes
Error: End tag br.
From line 91, column 92; to line 91, column 96
 F</a></p></br></br><
Error: End tag br.
From line 91, column 97; to line 91, column 101

></p></br></br></br>↩

Error: End tag br.
From line 91, column 102; to line 91, column 106
</br></br></br>↩<p sp
Error: Attribute span not allowed on element p at this point.
From line 92, column 1; to line 92, column 17
/br></br>↩<p span class=""><a hre
Attributes for element p:
Global attributes
Error: End tag for  body seen, but there were unclosed elements.
From line 94, column 3; to line 94, column 9
a></p>↩↩  </body>↩</htm
Error: Unclosed element div.
From line 44, column 3; to line 44, column 33
↩</div>↩  <div class="inhaltsBRAND_edit">↩↩<p s
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Stylesheet für den IE/Firefox

        Matthias Apsel Homepage des Autors
        – Informationen zu den Bewertungsregeln

        Om nah hoo pez nyeetz, patrick123!

        Ja hab gerade mal durch den Validator gehauen... 89 Fehler.
        Wobei ich bei meinen Fehlern gar nicht weiss wie ich es "richtig" aufbaue.

        Error: The background attribute on the body element is obsolete. Use CSS instead.
        From line 39, column 3; to line 39, column 58
        </head>↩  <body background="../../images/kalt/ferroli_inhalt.jpg">↩<div>

        Du sollst für den body das Hintergrundbild per CSS setzen.
        http://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Hintergrundfarben_und_-bilder

        g">↩<div>↩<p span class="ferroli_u1"><a hre

        Es könnte helfen, einfach ‚<p class="ferroli_u1">‘ draus zu machen.

        From line 41, column 105; to line 41, column 111
        EN</a></p></span>↩<p sp

        und das ‚</span>‘ zu entsorgen

        Damit sollte _vielleicht_ der Fehler mit den noch nicht geschlossenen Elementen behoben sein.

        Matthias

        --
        Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Balsa und Balsam.

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. Stylesheet für den IE/Firefox

          patrick123
          – Informationen zu den Bewertungsregeln

          Om nah hoo pez nyeetz, patrick123!

          Ja hab gerade mal durch den Validator gehauen... 89 Fehler.
          Wobei ich bei meinen Fehlern gar nicht weiss wie ich es "richtig" aufbaue.

          Error: The background attribute on the body element is obsolete. Use CSS instead.
          From line 39, column 3; to line 39, column 58
          </head>↩  <body background="../../images/kalt/ferroli_inhalt.jpg">↩<div>

          Du sollst für den body das Hintergrundbild per CSS setzen.
          http://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Hintergrundfarben_und_-bilder

          g">↩<div>↩<p span class="ferroli_u1"><a hre
          Es könnte helfen, einfach ‚<p class="ferroli_u1">‘ draus zu machen.

          From line 41, column 105; to line 41, column 111
          EN</a></p></span>↩<p sp

          und das ‚</span>‘ zu entsorgen

          Damit sollte _vielleicht_ der Fehler mit den noch nicht geschlossenen Elementen behoben sein.

          Matthias

          Ok Vielen Dank soweit, jetzt sind es nur noch 40 Fehler.

          Error: End tag br.  
From line 60, column 83; to line 60, column 87  

></p></br></br>↩<p cl

          Wo liegt da der Hund begraben?

          Du sollst für den body das Hintergrundbild per CSS setzen.
          http://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Hintergrundfarben_und_-bilder

          Habe ich versucht, dann wird das Hintergrundbild aber ganz anders dargestellt als mkit dem Befehl
            <body background="">, kann das sein ?

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

          1. Stylesheet für den IE/Firefox

            Matthias Apsel Homepage des Autors
            – Informationen zu den Bewertungsregeln

            Om nah hoo pez nyeetz, patrick123!

            Du hast gelesen, dass Vollzitate nicht erwünscht sind?

            Error: End tag br.

            From line 60, column 83; to line 60, column 87

            </p></br></br>↩<p cl

            
> Wo liegt da der Hund begraben?  
  
Es gibt kein </br>. Es gibt <br> oder <br />. Keines der beiden sollte notwendig sein. Formatiere Abstände mit margin -> Schau ins Wiki.  
  

> Habe ich versucht, dann wird das Hintergrundbild aber ganz anders dargestellt als mkit dem Befehl  
>   <body background="">, kann das sein ?  
  
Kann sein, aber es sollte kein Problem darstellen, das wie gewünscht hinzubekommen.  
  
Matthias

-- 
Der Unterschied zwischen Java und JavaScript ist größer als der zwischen [Boss und Bossa nova](http://selfhtml.apsel-mv.de/java-javascript/index.php?buchstabe=B#boss).  
![](http://www.billiger-im-urlaub.de/kreis_sw.gif)
            Beitrag melden
            –
            Informationen zu den Bewertungsregeln

            1. Stylesheet für den IE/Firefox

              patrick123
              – Informationen zu den Bewertungsregeln

              Om nah hoo pez nyeetz, patrick123!

              Du hast gelesen, dass Vollzitate nicht erwünscht sind?

              Error: End tag br.

              From line 60, column 83; to line 60, column 87

              </p></br></br>↩<p cl

              
> > Wo liegt da der Hund begraben?  
>   
> Es gibt kein </br>. Es gibt <br> oder <br />. Keines der beiden sollte notwendig sein. Formatiere Abstände mit margin -> Schau ins Wiki.  
>   
> > Habe ich versucht, dann wird das Hintergrundbild aber ganz anders dargestellt als mkit dem Befehl  
> >   <body background="">, kann das sein ?  
>   
> Kann sein, aber es sollte kein Problem darstellen, das wie gewünscht hinzubekommen.  
>   
> Matthias  
  
Danke noch einmal dafür Matthias,  
  
zuletzt dann noch eine Frage, wie formatiere ich das ganze am "saubersten" oder so gut wie möglich.  
Derzeit sieht das so aus: http://www1.xup.to/exec/ximg.php?fid=19897227  
Wenn man z.B. auf RXA klickt, öffnet sich die Seite 58 als PDF und so weiter  
  
Das ist nur eine Katalog Seite von ca 15 stk.  
Was macht hierbei mehr Sinn, die klassen Global zu vergeben oder doch für jeden einzelnen schnipsel eine eigene Klasse mit genau definierten Abstand??
              Beitrag melden
              –
              Informationen zu den Bewertungsregeln