Fehlanzeige in Firefox

[Blackylein]

Hallo!

Bevor ich über mein Problem spreche hier erstmal die Daten

URL: http://foren.b-school.at/mtdesign/index2.html
CSS: http://foren.b-school.at/mtdesign/css/style2.css
Intro: http://foren.b-school.at/mtdesign/

Nun zu meinem Problem. In IE und Opera wird alles wunderbar angezeigt. Im Firefox jedoch werden nur die ersten beiden divs angezeigt. Der Text aus dem 3. Div erscheint auch, die Grafiken fehlen aber.
Ich hab absolut keine Ahnung wieso das so ist. Es ist sicher irgend ein dummer Fehler aber ich find ihn leider nicht.

Jetzt zu Problem Nr. 2. Wenn man im Intro auf einen Link klickt, soll folgendes passieren:

es öffnet sich eine neue Seite, die bestimmte Maße hat (1024x768px). Schön wärs auch, wenn sie sich zentriert auf dem Bildschirm präsentiert. Ist das irgendwie machbar?

Vielen Dank für eure Hilfe.
MfG
Bl4cky

 

[Maik]

Der Grund für den Darstellungsfehler im Firefox ist wohl die fehlende geschweifte Klammer:

.main {
  width:              1024px;
  height:             380px;
}

Soll das Seitenlayout im Browserfenster, oder das Popup-Fenster auf dem Bildschirm zentriert werden?

 

[Blackylein]

Hi!

Hab die Klammer jetzt zugemacht (hätte mir auch auffallen sollen...) aber das Problem ist noch immer da

MfG
Bl4cky

 

[Maik]

Vielleicht solltest du mal diese Breitenangabe überprüfen, da die verwendete Hintergrundgrafik 1024 Pixel breit ist?

.content {

  width:              -303px;
  height:             380px;
  background-image:   url("../images/content.jpg");
  background-repeat:  no-repeat;

  text-align:         left;
  padding-top:        10px;
  padding-left:       130px;
  padding-right:      130px;

}

 

[Blackylein]

hm, das hat auch nichts gebracht

 

[Maik]

Mit diesem Stylesheet wird bei mir die Seite auch im Firefox korrekt dargestellt:

body {

  background-color:   #000000;
  color:              #000000;
  font-family:        Verdana;
  font-size:          12px;

}

html, body {

  height:             100%;
  margin:             0;
  padding:            0;

}

.abstand {

  height:             50%;
  width:              100px;
  margin-bottom:      -400px;
  float:              left;

}

.box {

  height:             400px;
  clear:              left;

}

.head1 {

  width:              1024px;
  height:             140px;
  background-image:   url("../images/head1.jpg");
  background-repeat:  no-repeat;

}

.head2 {

  width:              1024px;
  height:             78px;
  background-image:   url("../images/head2.jpg");
  background-repeat:  no-repeat;

}

.main {

  width:              1024px;
  height:             380px;

  background-image:   url("../images/content.jpg");
  background-repeat:  no-repeat;

  }

.content {
/*width:              -303px;*/ /* auskommentiert = deaktiviert */
  height:             380px;

  
  text-align:         left;
  padding-top:        10px;
  padding-left:       130px;
  padding-right:      130px;

}

.menue {

  width:              1024px;
  height:             42px;
  background-image:   url("../images/menue.jpg");
  background-repeat:  no-repeat;

  text-align:         left;
  font-weight:        bold;
  font-size:          12px;
  padding-left:       140px;
  /*padding-top:        8px;*/ /* auskommentiert = deaktiviert */

}

.foot {

  width:              1024px;
  height:             128px;
  background-image:   url("../images/foot.jpg");
  background-repeat:  no-repeat;

}

 

[Blackylein]

cool jetzt wird ja was angezeigt

bei mir ist jetzt nur noch das Menü nach linkgs verschoben

 

[Maik]

Ich kann da keine Verschiebungen erkennen.

 

[Blackylein]

so schaut das bei mir aus

 

[Maik]

Und so sieht's bei mir aus: Firefox 1.5.0.3-Screenshot (OS: Win2k)