verschiedene Browser = verschiedene Ansichten :-( Nr.2

[Detlef G.]

Hallo Joachim

jetzt nach 2 stunden habe ich es aufgegeben ich kanns nicht!

Doch, du kannst es!

kannst du mir für nen weihnachtsbier :-)
die .css schreiben?!

Die komplette CSS-Datei werde ich dir nicht neu schreiben.

Das CSS hättest du hier nicht hereinkopieren brauchen. Es nützt überhaupt nichts ohne das HTML dazu und außerdem hast du einen Link auf deine Seite angegeben.

Was ich dir sagen wollte:

Wenn du auf den Suchmaschinenspam nicht verzichten willst, dann hast du zwei Möglichkeiten.
Entweder du trennst jeweils den margin-top von #head und von #head h1. Das kannst du durch einen Border erreichen:

  
#head {  
  background: #AF200A url(gfx/head.gif) no-repeat -2px 0px;  
  height: 131px;  
  border-top: 1px solid #AF200A;  
}  
  
#head h1 {  
  margin-top:-2000px;  
}  

Oder du verwendest dazu absolute Positionierung, wodurch keine "Collapsing margins" entstehen:

  
#head {  
  background: #AF200A url(gfx/head.gif) no-repeat -2px 0px;  
  height: 131px;  
}  
  
#head h1 {  
  position: absolute;  
  top:-2000px;  
}  

Außerdem:

body  
{  background: #AF200A;  
 ...  
 #behavior: url(/behavior/csshover.htc);

Hast du so eine Id? Auf jeden Fall ist es ein Fehler. Welche der Eigenschaften von welchem Browser dann noch berücksichtigt werden ist damit eher ein Zufall.

  
 height: 100%;}

*html #inhaltscontainer{ (*html ... kommt mehrmals vor)
Was soll das sein? Sieht wie ein verunglückter Star-HTML-Hack aus. Wenn er wirklich gebraucht wird, dann müsste es so aussehen:
* html #inhaltscontainer{

.bildbox  
{  
 width: 490px;}  
}  
#head h1 {margin-top: -500px;}

Eine der Klammern ist zuviel, dadurch wurde #head h1 nicht berücksichtigt. Es gehört hier sowieso nicht hin, die Eigenschaft wurde bereits weiter oben angegeben.

#behavior: url(...);
Das ist keine gültige CSS-Eigenschaft und hat nur dann einen Effekt, wenn im IE Javascript aktiviert ist. Wenn du dies verwendest, wäre es besser, es in eine separate CSS nur für den IE auszulagern, dann könnten dort auch die anderen Anpassungen hinein und auf den Star-HTML-Hack verzichtet werden.

Bitte strukturiere das CSS etwas übersichtlicher, setze die Klammern einheitlich, dann findet man sich besser damit zurecht und schreibt auch keine zuviel. Schreibe nicht denselben Selector ohne Grund mehrmals ins Stylesheet, sonst verlierst du ganz schnell den Überblick.
Validiere dein HTML und dein CSS.

Jetzt habe ich doch viel mehr geschrieben, als ich eigentlich wollte.

Auf Wiederlesen
Detlef