[TYPO3-german] Menü mit Bildern statt GMENU oder Textmenü

Mon Sep 27 13:29:05 CEST 2010

Hallo Peter,

vielen lieben Dank für deine lehrreichen Informationen. Es lag an "overflow:hidden;", denn nun wird auch beim Firefox alles richtig angezeigt. Zwar wird unten noch ein Rand weggespart. Aber immerhin stimmt jetzt alles mit dem Hintergrund.

Viele Grüße und nochmals besten Dank

Björn

-----Ursprüngliche Nachricht-----
Von: typo3-german-bounces at lists.typo3.org im Auftrag von Peter Linzenkirchner
Gesendet: Mo 27.9.2010 12:01
An: German TYPO3 Userlist
Betreff: Re: [TYPO3-german] Menü mit Bildern statt GMENU oder Textmenü

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">&nbsp;</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-bounces at 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 at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
> 
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german

_______________________________________________
TYPO3-german mailing list
TYPO3-german at lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german