Irene: Befehle werden von Browsern nicht beachtet

SELF-Forum

Befehle werden von Browsern nicht beachtet

Irene Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo,

ich wollte eine Seite mit weniger Tabellen erstellen und habe dafür CSS (zB: class="spacer_cell") verwenden wollen. Mit dem Befehl der "spacer_cell" wollte ich einen Hintergrund in orange haben 1Pixel und einen Rand von 1Pixel rechts und links in weiß. Damit brauche ich nur eine Tabelle anstatt drei. Bitte siehe Seite:
http://www.efinancelab.de/testefl/research/index_new.php!

Leider ist die Seite nur im Explorer "richtig" umgesetzt worden (Auflösung 1024/824). Sonst verändert sich die Seite mit verkleinern/vergrößern des Fensters bei allen anderen Browsern (Firefox, Opera, Mac,...). Die Webbrowser scheinen die Befehle zu missachten...

Was habe ich falsch gemacht? Muss ich doch mit Tabellen arbeiten, damit die Browser die Breite (Höhe) einhalten?

Vielen Dank für Hilfe und viele Grüße,
Irene

style.css:

...
.spacer_cell { width: 1px; border-right-width: 1px; border-right-style: solid; border-left-style: solid;
               border-right-color: #FFFFFF; border-left-width: 1px; border-left-color: #FFFFFF;
            background-color: #FF6600; margin: 0px; padding: 0px }
...

Seitencode:
...
<body bgcolor="#ffffff">

<div align="center">
  <table border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td ><img src="../img/header-left.jpg" class="head_cell"></td>
      <td class="spacer_cell"></td>
      <td ><img src="../img/header-middle.jpg" class="head_cell"></td>
      <td class="spacer_cell"></td>
      <td ><img src="../img/header-right.jpg" class="head_cell"></td>
    </tr>
    <tr>
      <td bgcolor="#666666"></td>
      <td class="spacer_cell"></td>
      <td bgcolor="#FF6600"><div align="center"><a class="head0" href="index.php">home</a></div></td>
      <td class="spacer_cell"></td>
      <td><table width="686" border="0" cellspacing="0" cellpadding="0">
...

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Befehle werden von Browsern nicht beachtet

    Daniel
    – Informationen zu den Bewertungsregeln

    Ahoi Irene,

    .spacer_cell { width: 1px; border-right-width: 1px; border-right-style: solid; border-left-style: solid;
                   border-right-color: #FFFFFF; border-left-width: 1px; border-left-color: #FFFFFF;
                background-color: #FF6600; margin: 0px; padding: 0px }
    ...

    ich versteh nicht ganz was dein problem ist. das CSS läßt sich aber zusammen fassen:
    .spacer_cell{width: 1px; border-right: 1px solid #fff; border-left: 1px solid #fff; background-color: #FF6600; margin: 0px; padding: 0px  }

    MfG

    --
    Alle Angaben wie immer ohne Gewähr
    \     \           /    /              \    \          /     /
     \     \         /    /                \    \        /     /
      \     /´¯.l.¯\    /                  \   /´¯.l.¯\     /
      |    l   .l.  (¯ '\                   /' ¯)  .l.   1    |
      l    l   .l.   \   \                 /   /   .l.   1    1
      l    l´¯.l´¯.l  \  '|               |'  /  1.¯´1.¯´1    1
      \                                                       /
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Befehle werden von Browsern nicht beachtet

    christian
    – Informationen zu den Bewertungsregeln

    Hallo Daniel.

    Auf den ersten Blick finde ich zwar, dass deine Seite im IE (Ver 6) seltsamer aussieht (z.B. Lücken in der oberen Grafik), aber egal.

    Vielleicht hilft dir es den IE und die anderen Browser statt in den Quirksmode in den Standards Compliant Mode zu schicken.
    siehe auch http://www.css4you.de/wsdoctypeswitch/ bzw. http://hsivonen.iki.fi/doctype/ (englisch)

    Ich hoffe das bringt dich weiter
      Christian

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln