mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 06:24 Benutzername: Passwort: Auto-Login

Thema: div realtiv positionieren zu andrem div vom 25.06.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> div realtiv positionieren zu andrem div
Seite: 1, 2  Weiter
Autor Nachricht
SieLacht
Threadersteller

Dabei seit: 18.09.2009
Ort: Nürnberg
Alter: 36
Geschlecht: Weiblich
Verfasst Fr 25.06.2010 08:55
Titel

div realtiv positionieren zu andrem div

Antworten mit Zitat Zum Seitenanfang

hallo ich bin am verzweifeln hoffentlich habt ihr ne lösung!

hab nen wrap der immer mittig steht und je nach content länge höhen variabel ist...
jetzt soll oben neben dem wrap eine palme vorschauen! ha -.- ob sie mit scrolled oder steht ist mir inzwischen egal, sie sollte halt immer an der gleichen stelle stehen zumindest.

also so sollte es immer aussehen...
http://img266.imageshack.us/i/soll.jpg/

aber es verrutscht eben...
http://img691.imageshack.us/i/istmu.jpg/

Code:
body {
      background-image:url(beam.jpg);
      background-attachment:fixed;
       background-repeat:repeat-x;
      z-index:1;
}

#wrap {
      margin: 0 auto;
      z-index:20;
}

#palmtree {

      height:292px;
      left:-608px;
      margin:0 340px;
      position:relative;
      top: -1260px;
      width:238px;       
}



Bitte helft mir, falls es überhaupt geht.... danke


// Bitte BB-Code für die Code-Formatierung benutzen!!! Gruß, Smooth-Graphics


Zuletzt bearbeitet von Smooth-Graphics am Fr 25.06.2010 09:01, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Fr 25.06.2010 09:17
Titel

Antworten mit Zitat Zum Seitenanfang

ein absolut positioniertes element richtet sich immer nach dem nächst höheren eltern element welches eine positionierung != static hat
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
SieLacht
Threadersteller

Dabei seit: 18.09.2009
Ort: Nürnberg
Alter: 36
Geschlecht: Weiblich
Verfasst Fr 25.06.2010 09:51
Titel

Antworten mit Zitat Zum Seitenanfang

ja also danke schonmal

höhenmäßig funktioniert das super, wie man auf den bilder erkennen kann richtet sich das jpg ja auch an der linken pberen ecke des wrap aus. sobald ich aber ein left kommando -20px geb richtet sich es am body aus...

: (

http://img249.imageshack.us/i/67323493.jpg/ noch ohne "left:---"

http://img641.imageshack.us/i/26915288.jpg/ mit"left:---"

Code:

#wrap {
      margin: 0 auto;
      z-index:20;
      position:static;
}

#palmtree {
      left:-10px;
      top:-20px;
      position:absolute;
      width:238px;
      z-index:50;      
}
  View user's profile Private Nachricht senden
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst Fr 25.06.2010 10:00
Titel

Antworten mit Zitat Zum Seitenanfang

choise hat geschrieben:
ein absolut positioniertes element richtet sich immer nach dem nächst höheren eltern element welches eine positionierung != static hat


das stimmt so nicht. am nächst höheren relativ positionierten. ebenfalls absolut positionierte elternelemente interessieren nicht die bohne.

OnTopic:
Code:
body {
      background: fixed url(beam.jpg) 0 0 repeat-x;
}

#wrap {
      margin: 0 auto;
      position: relative;
      z-index:20;
}

#palmtree {
      height:292px;
      position:absolute; left:-238px; top: 0;
      width: 238px;
      z-index: 21;
}


€: mannmann. ich und tippen heute...


Zuletzt bearbeitet von sahnemuh am Fr 25.06.2010 10:02, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Fr 25.06.2010 10:11
Titel

Antworten mit Zitat Zum Seitenanfang

sahnemuh hat geschrieben:
choise hat geschrieben:
ein absolut positioniertes element richtet sich immer nach dem nächst höheren eltern element welches eine positionierung != static hat


das stimmt so nicht. am nächst höheren relativ positionierten. ebenfalls absolut positionierte elternelemente interessieren nicht die bohne.

Hmm...?!

dann müssten diese divs doch genau übereinander liegen oder nicht?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst Fr 25.06.2010 10:16
Titel

Antworten mit Zitat Zum Seitenanfang

öh, ja. hast recht. keine ahnung wie ich da grade drauf kam. ich glaube ich brauche wochenende. sorry und nicht für ungut *schäm*
  View user's profile Private Nachricht senden
SieLacht
Threadersteller

Dabei seit: 18.09.2009
Ort: Nürnberg
Alter: 36
Geschlecht: Weiblich
Verfasst Fr 25.06.2010 10:22
Titel

Antworten mit Zitat Zum Seitenanfang

meine lösung.. habs endlich geschafft *puh*

Code:

#wrap {
      top:-483px;
      margin: 0 auto;
      z-index:20;
      position:relative;
}

#palmtree {
      left:-608px;
      margin: 0 auto;
      top:-45px;
      position:relative;
      width:238px;
      z-index:50;      
}


normalerweiße interessieren die static schon aber scheinbar nicht in alle richtungen^^
mit relative gings jetzt...
  View user's profile Private Nachricht senden
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Fr 25.06.2010 10:28
Titel

Antworten mit Zitat Zum Seitenanfang

static ist default. also wenn du überhaupt nicht das position attribut anwendest ist dein element automatisch static.
"position:relative" passt also bei dir.


Zitat:
öh, ja. hast recht. keine ahnung wie ich da grade drauf kam. ich glaube ich brauche wochenende.


*ha ha* oh ja man, ich auch. heim und schönes bierchen *Thumbs up!*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Div Positionieren
Positionieren mit CSS
Positionieren mit CSS
mittig positionieren ...
CSS Menu positionieren
ccs->positionieren->mittig
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.