Re: CSS Webseiten Layout

Hallo

Peter Cantburry schrieb:
> 1. Wenn der Inhalt im Div "Contents" nur einige Zeilen hat, wird die
> ganze Webseite viel zu klein angezeigt. Das könnte ich dann mit min-
> heigt lösen, aber der IE interperetiert das ja leider nicht. Wie
> könnte ich sonst noch eine minimal-Höhe definieren?

Mit CC (conditional Comments ) kannst Du für IE <=6 ein eigenes CSS
aufrufen.
Dort diverse Bugs beseitigen:
"height" festlegen.
IE in diesen Varianten kennt min-height nicht, interpretiert dafür
height als min-height.
Der Rest bekommt im CSS ein ganz normales min-height vorgesetzt.

>
> 2. Wenn der Inhalt im Div "Contents" zu gross ist (also beispielsweise
> Wörter, die länger als eine Zeile lang sind oder (der
> wahrscheindlichere Fall) Bilder, die zu weit nach rechts gehen) möchte
> ich einfach, dass der Inhalt über das Div zum rechten Rand
> "hinausfliesst". Das versuchte ich mit overflow: visible; zu lösen.
> Der Firefox hat das wiedermal super geschluckt, nur der IE zeigt dann
> das DIV "contents" einfach UNTER dem DIV "menu". Das will ich
aber
> nicht :-). Wie könnte man dieses Problem lösen??

Da hätte ich zuvor noch ein paar Fragen:

> 	body
> 	{
> 		margin: 0;
> 		padding: 0;
padding links und rechts würden hier für einen Mindestabstand des
Containers vom Fensterrand sorgen - falls gewünscht.

> 		text-align: center;

Das ist eh nur ein Würgaround für den IE6 (und kleiner), weil der
margin:auto nicht kann.
Kannst Du auch ins ie6.css packen.


> 	}
>
> 	#container
> 	{
> 		margin: 1em auto;
> 		width: 950px;
min-width und max-width sind viel Benutzerfreundlicher.
Dem IE6 (und kleiner) kannst Du die ober erwähnte Javascript-Lösung
verpassen.

> 		text-align: left;
Selbiger Würgaround wie oben, kann hier raus.

> 	#contents
> 	{
> 		float: left;

float: left wegen die Bildern, die eventuell drüber rausragen sollen?
Weiß jetzt nicht, ob das so funktioniert; ich hätte hier eher ein
margin-left erwartet.
Oder soll der Inhalt dann unterhalb der navigation weitergehen?

> 		width: 618px;
kann/muß weg.
ist ja begrenzt durch den Container.

> 		overflow: visible;

> 	}
>
> 	#menu
> 	{
> 		width: 310px;
width in em oder ex sorgt dafür, daß Navigation auch bei geänderten
Schriftgrößen immer hinpaßt.

> 		height: 200px;
em ist hier auch sicherer

> 		float: left;
> 	}
>

Eine Testseite im web machts einfacher :)
Dann kann man nämlich gleich mit der Webdeveloper-Extension daran
herumdrehen.

Gruß
Irmgard
[ Auf dieses Posting antworten ]