div an höhe eines per php befüllten divs ausrichten
| Beiträge: 189
Wohnort: Rostock
Registriert: Jan 2007
| 29.08.2011, 12:22
Moin,
ich habe folgendes div das per php mit einem hintergrundbild befüllt wird:PHP:1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<div id="main_div">
<div id="main_pic_referenzen" style="background-image:url(images/main_pic_referenzen_badezimmer.jpg)">
<div id="main_pic_text"><p style="font-size:25px; line-height:25px">WÄHLEN SIE
EINEN WOHNBEREICH</p>
Duciat voloreped quam, odi aut omni dollescia que nullaborum a naturei cto-
taquunt.
Ciduntemqui aboribus est, iusdaec epellor ibusdam as aliatet rest, omnihiciis et
as ex eum vitaspic tectiasi officabora voluptur alit erum faccullibus, autetusam
et, quia simoloria veniet ut fuga. Um latem eumque lam aut qui dipsapictus, od
modis quature parcim non rerro doleni vellati cus doluptat.
Usda sumet pa qui nobit dere nobis et ommod molesti uscipsaperia sitius et
</div>
</div>
<div id="main_pic_text">
</div>
<div id="klein_kasten_1" style="background-image:url(images/box_klein.png); cursor:pointer; cursor:hand;" onclick="location.href='referenzen_wohnraum.php'"><a href="referenzen_wohnraum.php"> WOHN RAUM</a></div>
<div id="klein_kasten_2" style="background-image:url(images/box_klein.png); cursor:pointer; cursor:hand;" onclick="location.href='referenzen_badezimmer.php'"><a href="referenzen_badezimmer.php"> BADE ZIMMER</a></div>
<div id="klein_kasten_3" style="background-image:url(images/box_klein.png); cursor:pointer; cursor:hand;" onclick="location.href='referenzen_kueche.php'"><a href="referenzen_kueche.php"> KÜCHE</a></div>
<div id="klein_kasten_4" style="background-image:url(images/box_klein.png); cursor:pointer; cursor:hand;" onclick="location.href='referenzen_arbeitszimmer.php'"><a href="referenzen_arbeitszimmer.php"> ARBEITS ZIMMER</a></div>
<div id="klein_kasten_5" style="background-image:url(images/box_klein.png); cursor:pointer; cursor:hand;" onclick="location.href='referenzen_schlafzimmer.php'"><a href="referenzen_schlafzimmer.php"> SCHLAF RAUM</a></div>
</div>
|
das div main_pic_referenzen hat folgende css:
PHP:1
2
3
4
5
6
7
8
9
10
|
#main_pic_referenzen{
position:absolute;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
width:714px;
height:389px;
z-index:6;
}
|
Nun möchte ich den footer per javascript ausrichten:ActionScript:| 1 | mask.style.top = (document.getElementById("main_div").offsetTop+document.getElementById("main_div").offsetHeight)+32+"px";
|
Jedoch ist document.getElementById("main_div").offsetHeight immer 0.
Woran liegt das?
Ich habe bei den Referenzen auch noch thumbs die eingefügt werden. Dementsprechend muss der footer wieder ausgerichtet werden. Also muss(!) alles dynamisch funktionieren.
Jemand ne Idee? | | | Beiträge: 3000
Wohnort: Köln
Registriert: Oct 2007
| 29.08.2011, 18:11
|
|
