Hallo Bjoern,
ohne das zu sehen, ist es schon ein bisschen ein Blindflug. Schließlich wirken
in CSS die stile zusammen, deshalb reicht so ein kleines Snippet in der Regel
nicht aus. Also Vermutung ins Blaue:
innerhalb von #page hast du floatenden Content. Falls ja, dann ist die
Darstellung des Firefox korrekt, dann wird der Hintergrund tatsächlich nicht
gezeigt, da floatender Content in einem Container bewirkt, dass der äussere
Container auf die Höhe 0 zusammenfällt und den floatenden Content nicht
umschließt. In den IE ist das Verhalten ab Vs. 7 auch so, allerdings nur dann,
wenn diese im standard mode arbeiten. Vermutlich laufen die IE bei dir im Quirk
mode, weshalb die IE scheinbar richtig zeigen - richtig in deinem Sinne, aber
syntaktisch falsch.
Versuchs mal so:
#page
{
background-color: #ffffff;
border: 1px solid #cfcfcf;
width: 990px;
/* height: 815px; */
margin: 0 auto;
overflow:hidden;
}
Wenn ich mit meiner Vermutung richtig liege (wie gesagt, kann auch ganz ein
anderes Problem sein ...) dann wäre das Stichwort "clearing".
Gruß
Peter
Am 27.09.2010 um 02:17 schrieb Hahnefeld Bjoern:
> Hallo David,
>
> der Fehler steckt wieder mal im Detail. Im IE passt es, im FF hingegen nicht:
>
> Im CSS habe ich definiert:
>
> --
> #page
> {
> background-color: #ffffff;
> border: 1px solid #cfcfcf;
> width: 990px;
> /* height: 815px; */
> margin: 0 auto;
> }
> -
>
> Und nach dem Header geht nix mehr. Also der Hintergrund wird im FF nicht bis
> unten durchgezogen (weiß). Daher hier noch die betreffenden Code-Snippets:
>
> --
> <body>
> <div id="page">
> <div id="logo">
> <div id="dealer"> </div>
> <div id="manufacturers">
> <ul>
> <li><a href="#"
> class="xyz"><span>xyz</span></a></li>
> <li><a href="#"
> class="abc"><span>abc</span></a></li>
> </ul>
> </div>
> </div>
> <div id="mainmenu">
> <ul>
> <li><a href="#" class="active">Home</a></li>
> <li><a href="#">Aktuell</a></li>
> <li><a href="#">Kontakt</a></li>
> </ul>
> </div>
> <div id="header">
> <img src="../images/home/header.jpg" alt="" title="" />
> </div>
> <div id="content">
> <div id="teaser">
> <h1>Herzlich willkommen!</h1>
> <p>
> Demnächst mit Text ;)
> </p>
> <ul>
> <li><a href="#"
> class="angebote"><span>Angebote</span></a></li>
> </ul>
> </div>
> <div id="quick-access">
> <p>Schnelleinstieg</p>
> <p>Newsletter Anmeldung</p>
> </div>
> </div>
> ...
> --
>
> Viele Grüße
>
> Björn
>
> -----Ursprüngliche Nachricht-----
> Von: typo3-german-boun...@lists.typo3.org im Auftrag von David Bruchmann
> Gesendet: So 26.9.2010 20:55
> An: German TYPO3 Userlist
> Betreff: Re: [TYPO3-german] Menü mit Bildern statt GMENU oder Textmenü
>
>
>> Warum ich diese Woche mit CSS so auf dem Kriegsfuß stehe, weiß ich leider
>> nicht. Es wird einfach der Hintergrund nicht weiter nach "unten" gezogen.
>> Unter dem Rubrikbild ist Schluß. Die Teaser sind nicht mehr weiß vom
>> Hintergrund her hinterlegt.
>>
>> Wenn ich eine fixe Höhe angebe für den DIV-Container, dann klappt es. Doch
>> das möchte ich nicht, weil das wenig flexibel ist, wenn die Texte und
>> Absätze doch mal länger ausfallen. Woran könnte das nur wieder liegen? Es
>> ist nicht meine Woche, was die CSS-Themen betrifft... Oh man.
>
> Hi Björn,
>
> Bezüglich CSS und Spalten gibt's hier ein ganz gutes Tutorial:
> http://aktuell.de.selfhtml.org/weblog/css-spaltenlayout
>
> Gruß,
> David
>
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german@lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german@lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
_______________________________________________
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
