Layer für Contentbereich mit Hintergrundbild, heigt jedoch variabel

[General Hammond]

Guten Tag,

folgendes Problem:

Ich bekomme es nicht hin das die Layer in den 3 großen Browsern das selbe tun.

Am besten ich verlinke hier mal das Bsp:
klick mich

Wieso wird das Layout in NN nicht richtig angezeigt? Ich versteh das nicht.

[LANtastic]

Habs nicht getestet, aber folgende Fragen ergeben sich spontan :

warum verwendest du die ganzen float:left ?
Warum verwendest du height:auto ?

Ausserdem sollte man bei der Eigenschaft background-position immer 2 Werte angeben.

Also z.B.

background-position: top left

Nur top, bringt gerne schon mal probleme mit sich, da ja nun bekannt ist, daß die Grafik nach oben soll, aber leider nicht ob oben link, oder rechts, oder vielleicht in der Mitte ?

Der Validator motzt nicht, aber sinnvoll isses auf jeden Fall. Frag mal Prefix Der ist auch mal gut dran verzweifelt

[General Hammond]

Die Floats sind dazu da, damit ein Div-Container Links und der andere Rechts ausgerichtet ist und das ganze in einem Layer welcher die Hintergrundgrafik beherbergt - So das der Eindruck entsteht es handele sich um eine Tabell mit runden Ecken ;-) Was natürlich totaler Schwachsinn wäre auf einer CSS-Seite

Nun wie könnte ich das hinbekommen?

[General Hammond]

Prefix, vielleicht Du eine Idee?

[prefix]

so, also ich denke mal, du willst folgendes:

- 3 container, einer davon oben, einer links unten, einer rechts unten!

stimmt das?

[General Hammond]

Hi Prefix,

nicht ganz

Also 3 Layer bzw. 4 Layer untereinander.

Der obere Layer sowie der untere Layer nimmt jeweils eine Hintergrundgrafik auf, damit die optische Darstellung von runden Tabellenecken mit inneren Schatten erreicht wird.

Der 2. Layer nimmt eine Überschrift auf, wobei hier variiert werden kann/soll mit: "border-bottom" damit ich farblich Themenbezogen eine Linie Zwischen Überschrift und Inhaltsbereich einbringen kann.

Der 3. Layer nimmt den Content auf.
Hier muß ich aber die Möglichkeit haben,
einmal Layerfüllend also einspaltig zu arbeiten und für andere Seiten zweispaltig, eben links mit dem Hauptinhalt und rechts einen Newsbereich.

Und dieses bekomme ich einfach nicht so hin, das es bei NN7 - Opera 7 & IE 6
gleich dargestellt wird.

[prefix]

ok, also das problem liegt in der ebene, wo 2 ebenen beinhaltet sein sollen!

ich mach mal was

[prefix]

also an sich ist die sache äußerst einfach - kleines beispiel - ich sehe nicht, wo da probleme auftreten sollten??

funktioniert in ie6, nn7, op7, moz/fb 0.61

[General Hammond]

Okay - Dein Bsp. funktioniert soweit,
nur brauche ich das ganze mit einer festen Breite von 800px und mittig.

Hatte probiert den Banner-Layer umzubauen, aber da geht das nicht so wie es sein sollte *grrr*

	margin: 0 200px;
	height: 10px;
	background-image: url(../images/backgrounds/!bgmain01.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	width: 800px;
	position: relative;

[prefix]

klick

[General Hammond]

Also geht das nicht ohne einen sogenannten Center Layer in dem alle anderen Ebenen verschachtelt sind?

[prefix]

hmm, also mir ist nichts anderes bekannt!

ich würde dir aber wirklich empfehlen, nicht mit fixen breiten zu arbeiten

[General Hammond]

Na wie soll man sonst ein Layout hinbekommen - wenn man nicht mit fixen breiten arbeitet?

Also mit eienm Grafischen Banner z.B.
und eben an diesem graf. Banner ausgerichtetem Content der sich ebenfalls Grafisch vom Seitenhintergrund abhebt - und das mit runden Ecken?

[prefix]

na geh, bist soooo einfallslos?? *hehe*

geht doch alles

"fix" ist "out"

[General Hammond]

Ick steh uff'm Schlauch

Ich wüßte nicht wie man soetwas unfixed machen sollte: UNFIXED?