Mike: Layout mit CSS... wird nur im IE richtig angezeigt :(

Beitrag lesen

Hi,

ich dachte bei CSS sind sich alle Browser zum Grossteil einig? Hab jetzt ein Layout zum Grossteil mit CSS gemacht und im IE siehts toll aus, aber Opera und Netscape verschieben manches ein paar Pixel zu weit nach oben. Würde ich es jetzt für die korrigieren, wärs wahrscheinlich im IE zu weit unten...

Es geht mir jetzt nicht darum, welcher Browser Schuld hat oder welcher besser ist... ich möchte einfach, dass es in ALLEN gängigen Browsern angezeigt wird (Netscape 4.x ist mir aufgrund der lausigen CSS-Unterstützung egal... irgendwo muss man einen Schlussstrich ziehen *g*)

Das hier ist die Seite: http://www.jugendflirtchat.de/admin Wie gesagt, es geht nur um das Layout und CSS... Links funzen noch nicht.

Und hier ist mal meine CSS-Datei... vielleicht fällt ja jemandem auf Anhieb etwas auf?

body  {
  background-color: #DCDCDC;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #336699;
  margin-top: 0px;
  margin-left: 0px;
  padding: 0px;
  }

#layout1 {
  position: absolute;
  width: 10px;
  height: 100%;
  border: solid 0px black;
  background-color: #666666;
  margin: 0px 0px 0px 0px;
  }

#layout2 {
  position: absolute;
  width: 100%;
  height: 10px;
  border: solid 0px black;
  background-color: #666666;
  padding: 0px;
  margin: 0px 0px 0px 10px;
  }

#layout3 {
  position: absolute;
  width: 100%;
  height: 60px;
  border: solid 0px black;
  background-color: #cccccc;
  margin: 20px 0px 0px 10px;
  }

#links1  {
  position: absolute;
  margin: 25px 0px 0px 10px;
  width: 100%;
  height: 10;
  }

#text1  {
  position: absolute;
  margin: 45px 0px 0px 10px;
  width: 100%;
  height: 10;
  }

#text2  {
 position: absolute;
 margin: 80px 0px 0px 12px;
 padding: 2px 2px 2px 2px;
 align: center;
 width: 100%;

}

table  {
  font-size: 12px;
  }

h1  {
  font-size: 16px;
  font-weight: bold;
  color: #CCCCCC;
  }

h2  {
  font-weight: bold;
  }

a  {
  font-weight: bold;
  color: #336699;
  }

a:link  {
  text-decoration: none;
  }

a:visited {
  text-decoration: none;
  }

a:hover  {
  text-decoration: overline underline;
  }