Ap Div - ich komm nicht weiter

[Woelfin]

Hallo,

ich hab mich jetzt durch zig Foreneinträge gelesen, aber irgendwie kann ich die Ratschläge so gar nicht umsetzten :'(

Also ich habe in Photoshop ein geslictes Layout erstellt. In Dreamweaver hab ich dann ein bestimmten Teil des Bildes rausgenommen und ich wollte an dieser Stelle mein Ap Div Feld haben..
Der Hintergrund den ich in Photoshop erstellt habe, habe ich zentriert, ich glaube deswegen bekomm ich es nicht hin.
Jetzt hab ich für das Feld folgenden Code

#apDiv3 {
position:absolute;
left:357px;
top:242px;
width:573px;
height:518px;
z-index:1;
left: 50%;
margin-left: -140px;
overflow: auto;
visibility: visible;
}

ok, wenn ich ein Fenster normal groß habe sieht es auch gut aus. Wenn ich allerdings das Fenster kleiner mache, ist das Feld natürlich immer noch Zentriert, aber liegt dann an der falschen Stelle vom Bild.

Wenn ich als position etwas anderes als absolute wähle, kann ich die das Feld auch nicht so positionieren, dass es gleich bleibt, wenn ich die Browsergröße variere.

Ich nehme mal an, das ist eine Art Frage die schon sehr oft gestellt wurde, aber ich wäre Dankbar für Hilfe.
Ich habe gegooglet und auch hier gesucht, es wird immer wieder "relative" position geraten, aber damit kann ich auch nicht viel anfangen...

Vielen Dank

LG

Isabelle

 

[sfischer]

AW: Ap Div - ich komm nicht weiter

hallo,

es kann an der späten stunde liegen, dass ich dich nicht verstehe!
hast du mal eine link oder code damit man damit was anfangen kann!?


gruß sfischer

 

[dosonaro]

AW: Ap Div - ich komm nicht weiter

ich verstehe es auch nicht so ganz.
position ist zur positinierung auch nicht das wahre.

möchtest du einen div haben, der immer in der mitte ist mit einer festen breite mach es so

width:573px;
height:518px;
margin:0 auto;

und schon ist dieses div immer in der mitte des bildschirmes

PS: sonst zeige mal ein screen des designs, dann kann man es sich evtl. besser vorstellen und verstehen

 

[sokie]

AW: Ap Div - ich komm nicht weiter

Also ich habe in Photoshop ein geslictes Layout erstellt. In hab ich dann ein bestimmten Teil des Bildes rausgenommen und ich wollte an dieser Stelle mein Ap Div Feld haben..

ich vermute mal, dass Du nach dem slicen ein Tabellenlayout als Ergebnis hast (wenn das nicht so ist, bitte code posten oder Link zur Seite). wenn du an der Stelle nun einen Bereich haben willst, der mit eigenem html zu füllen sein soll legst du an der Stelle einfach ein div an, das die genaue Höhe und Breite des entnommenen slices hat. dieses div bekommt KEINE Position.

 

[Woelfin]

AW: Ap Div - ich komm nicht weiter

Hi,

ja mein Problem ist genau das was Soki schildert. Das ApDiv Feld soll an die Stelle

<td colspan="2">
<img src="images/index_05.jpg" width="42" height="14" alt=""></td>
<td rowspan="14" bgcolor="fcf99b">&nbsp;</td>
<td rowspan="16">

wo jetzt das &nbsp; steht.
Und ich weiß nicht was ich im ApDiv angeben soll.

Wenn ein Fenster groß ist und offen sieht es richtig aus. Nämlich so:



Wenn man das Fenster aber nur auf kleiner größe hat, ist das Feld natürlich immer noch zentriert - aber es sollte ja immer im gelben Bereich liegen, die Schrift.



(Ach ja auf anderen Teilen der Seite kommt wesentlich mehr Text, weswegen ich etwas scrollbares brauche, und nicht einfach jetzt hier in die Tabelle den Text schreibe.)

Ich bin ziemlicher Anfänger, deswegen hoff ich die Fragen sind nicht zu blöde...
Zumal die Tabelle in der die Slices sind, ja zentriert werden soll.

 

[sokie]

AW: Ap Div - ich komm nicht weiter

an die stelle wo dein &nbsp; ist solltest du einfach

<div id="inhalte">
  hier die Inhalte
</div>

notieren.

im css formatierst du das feld mit

#inhalte{
  height: 100%;
  overflow: auto; /* bei längerem inhalt scrollbar */
}

#inhalte darf kein absolut positioniertes div sein.

so sollte es gehen.

 

[Woelfin]

AW: Ap Div - ich komm nicht weiter

1000 Dank
es funktioniert! *freu*

was ich etwas komisch finde, ist das Dreamweaver in der "Entwurfsansicht" nun die ganzen Tabellenslices verzerrt darstellt.
Aber ist ja egal, so lange es dann im Browser richtig aussieht.

Vielen vielen Dank

LG

Isabelle