Willkommen auf dem Portal für Mediengestalter

MarcelP · Threadersteller

Hallo,
ich arbeite seit kurzem mit Dreamweaver CS3 und habe folgendes vor:
ich will ein vorher in Photoshop designtes Layout in als Hintergrund für meine Website benutzen. (klappt auch alles)
Das Bild ist mittig zentriert und bleibt auch mittig wenn man das Browserfenster verändert.

Nun zu meinem Problem:
Ich hatte vor nun auf dieses Layout mit AP Div's den Inhalt (Texte, Bilder usw.) hinzuzufügen.
wenn ich dies mache, bleiben die Inhalte aber im Browser an ihrer Position stehen und nur das Hintergrundbild passt sich der Auflösung an.

Was mache ich da am besten?
Ist das so wie ich das vorhabe überhaupt machbar?

Vielen Dank schonmal
(Bitte nicht zu kompliziert antworten, bin absoluter Neuling auf dem Gebiet)

accessoire · **Verfasst** Di 15.07.2008 17:39 **Titel**

Was ist AP?
Vermutlich ist dein Div-Container absolut positioniert. Am besten du postest mal deine Seite oder den Quellcode dazu.

MarcelP · Threadersteller

Hier der Quellcode:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">

</style></head>

<body>
<div class="Stil1" id="apDiv1">Home</div>
</body>
</html>

______________________________
#apDiv1
ist der div container

der bleibt immer an der gleichen stelle wenn man das Browserfenster größer/kleiner zieht.

die site ist auch nur kurz entstenden um das problem zu schildern Lächel

Fido67 · Account gelöscht

so geht's:

accessoire · **Verfasst** Di 15.07.2008 18:08 **Titel**

Du possitionierst das Hintergrundbild mittig. Deinen Div-Container allerdings positionierst du allerdings absolut 216px vom linken Browserrand und 202px vom oberen Broswerrand entfernt.

So wie du das codest ist es höchstwahrscheinlich nicht optimal. Stell mal dein Design hier rein.

MarcelP · Threadersteller

Danke schonmal für die hilfreichen tipps
Das Design selber ist noch im sehr frühen Anfangsstadium,
habe im Moment nur das Layout mit groben Formen definiert.(Muss mich ersteinmal in DW einarbeiten)

Der verbesserte code funktioniert perfekt (danke fido *Thumbs up!*

)

Noch eine Frage hierzu:

wie positioniere ich den container auf der vertikalen achse neu?
für horizontal ist das ja top

accessoire · **Verfasst** Di 15.07.2008 18:57 **Titel**

left:

MarcelP · Threadersteller

Vielen Dank nochmal für die ganzen Antworten *Thumbs up!*

Hat mich echt weiter gebracht

Willkommen auf dem Portal für Mediengestalter

Thema: AP Div Position an Fenstergröße anpassen vom 15.07.2008

AP Div Position an Fenstergröße anpassen