Hallo,

Ich bin nicht sehr geübt im WebDesign und bastele eher als Anfänger
herum mit 2 Handbüchern und Schulungsvideos. Aber es ist schon
faszinierend.

Nun, eines was ich noch nicht so recht verstanden habe:

Ich habe in Photoshop CS3 ein Layout gebaut das ich nachher gesliced
habe und mittels eines Skriptes, die Ebenenkompositionen zu einzelnen
Bilder exportiert habe.

In Dreamweaver habe ich dann die HTML-Seite gebaut und die Rollovers
mit den exportierten Slices-Bildern.

Nun mag ich es wenn Seiten nicht immer links am Browser kleben,
sondern immer mittig ausgerichtet sind. Das löse ich bisher immer
mit <div align=center>. Bisher habe ich dann immer Tabellen
zur Strukturierung für den Inhalt verwendet. Nun habe ich aber einen
Hintergrund der nicht nur eine Farbe hat, sondern ein paar florale
Formen beinhaltet.

Ich möchte also jetzt Text darüber legen mit den jeweiligen Bildern dazu.
Dazu habe ich jetzt mal AP-Divs verwendet weil man die dann
transparent über den Hintergrund legen kann. Leider scheinen
diese AP-Divs ja nur absolut positionierbar zu sein, gehen also
nicht mit dem Rest des zentrierten Layouts mit wenn das Browser-
fenster größer oder kleiner gezogen wird.

Gibt's da eine Lösung?

Gruß,
Sacha

Hallo Sacha,

hast du davon mal nen Screenshot?

Hallo Loethelm,

Hier im Anhang ein Screenshot der Seite.

Anscheinend kann man auch Tabellenzellen in denen Text steht,
mit einem Hintergrundbild füllen durch CSS. Hab nur keine Ahnung
wie das geht ... Das wäre vielleicht die Lösung in meinem Fall ...

Gruß,
Sacha

Hallo Sasha,

wenn ich das richtig sehe, ändert sich das Hintergrundbild nie?
Dann lege einen Seitencontainer mit dem Hintergrundbild an. Darin dann den Inhalt ohne Hintergrund relativ zum Gesamtcontainer ausrichten, damit die Elemente beim skalieren auch mitgehen.
Für den IE <7 musst du dann noch etwas rumbasteln, weil der relative Angaben grundsätzlich falsch interpretiert.
Bestimmte Hintergrundbilder in Tabellenzellen bekommst du, indem du der entsprechenden Tabellenzelle eine ID zuweist

Code

<td id=zelle1>Inhalt</td> 

und diese dann im css per

Code

#zelle1 {background: url(…} 

mit einem Hintergrundbild versiehst. Das geht aber genausogut im html, da du ja eh jede Zelle einzeln ansprechen musst.

Hallo Loethelm,

Hat funktioniert. Hab es zwar ein wenig anders gemacht, für mich intuitiver:
Im CSS-Styles Panel eine neues Klasse definiert und im sich öffnenden
Dialog einfach Maße der Box (meiner Zelle)angegeben und mein
Hintergrundbild und dann der Zelle über die Leiste unten rechts die Klasse
zugewiesen. (Bin nicht so Code-fest ;-)

Danke.

Gruß,
Sacha