Pozycjonowanie obrazka do dołu diva.

Pozycjonowanie obrazka do dołu diva.

Jellyeater Zobacz profil	26.04.2009, 12:48:42 Post #1
Grupa: Zarejestrowani Postów: 8 Pomógł: 0 Dołączył: 26.04.2009 Ostrzeżenie: (0%)	Witam wszystkich!!! Mam w tej chwili taką stronę: http://www.poligrafus.com.pl/ I chcę ją przerobić na DIV. W tej chwili została mi jeszcze ostatnia rzecz: http://www.jellyeater.net84.net/poligrafus/index1.html Czy jest jakiś sposób, by ten obrazek po prawej był na dole? Próbowałem już nawet java scriptem, ale te moje divy nie mają podanej wysokości. (IMG:http://forum.php.pl/style_emoticons/default/sad.gif) I nie wiem co robić.

Odpowiedzi

Jellyeater Zobacz profil	27.04.2009, 04:28:33 Post #2
Grupa: Zarejestrowani Postów: 8 Pomógł: 0 Dołączył: 26.04.2009 Ostrzeżenie: (0%)	Niestety nadal nie działa. Ale jest lepiej. W IE pokazuje się jak trzeba. W FF nie. Obrazek jest w div prawy_brzeg. Na stronie tej drugiej jest update z tym kodem. Kod strony: [HTML] pobierz, plaintext <body id="theDoc" onLoad="ustaw(1); zatwierdz(1);"> <div id="container"> <div class="box" style="width: 603px; float: left;"> <div class="box" style="width: 603px"><img height="127" width="603" alt="Poligrafus - Andrzej Adamiak Drukarnia Warszawa" src="images/Untitled-1_01.gif" /></div> <div class="box" style="width: 603px"><a href="glowna.html" onmouseover="ustaw(1)" onmouseout="zwolnij()" onclick="return zatwierdz(1)"><img class="menu" height="27" width="159" border="0" name="rysunek1" alt="Strona główna" src="images/Untitled-1_03.gif" /></a><a href="oferta.html" onmouseover="ustaw(2)" onmouseout="zwolnij()" onclick="return zatwierdz(2)"><img class="menu" height="27" width="84" border="0" name="rysunek2" alt="Oferta" src="images/Untitled-1_04.gif" /></a><a href="referencje.html" onmouseover="ustaw(3)" onmouseout="zwolnij()" onclick="return zatwierdz(3)"><img class="menu" height="27" width="123" border="0" name="rysunek3" alt="Referencje" src="images/Untitled-1_05.gif" /></a><a href="kontakt.html" onmouseover="ustaw(4)" onmouseout="zwolnij()" onclick="return zatwierdz(4)"><img class="menu" height="27" width="99" border="0" name="rysunek4" alt="Kontakt" src="images/Untitled-1_07.gif" /></a><img class="menu" height="27" width="138" border="0" name="empty" alt="" src="images/empty.gif" /></div> </div> <div class="box" style="width: 372px; float: left;"><img height="154" width="372" alt="" src="images/Untitled-1_02.gif" /></div> <div class="box" style="width: 975px; float: none;"><img height="13" width="603" alt="" src="images/Untitled-1_08.gif" /><img height="13" width="372" alt="" src="images/Untitled-1_09.gif" /></div> <div id="lewy_brzeg"><img height="324" width="13" alt="" src="images/Untitled-1_10.gif" /></div> <div id="pageajaxloader" style="background-color: white; text-align: center; height: 200px;"> <img height="32" width="32" src="images/ajax-loader.gif" /></div> <div id="pagecontent"></div> <div id="prawy_brzeg"></div> <div class="box" style="width: 975px; float: none;"><img height="9" width="975" style="align: left;" alt="" src="images/bottom_stripe.gif" /></div> </div> <div class="box" style="width: 100%; height: 120px; display: block;"> </div> <div id="mask" style="position: absolute; left: 0; top:0; width: 100%; height: 100%; background-color: black; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; display: none;">   </div> <div id="picturediv" style="position: absolute; display: none; top:0; left:0; width: 100%;"> <div id="picturediv1" style="margin: 30 auto;"> <div style="text-align: right;"><img width="25" height="25" border="0" alt="Close" src="images/close.gif" style="cursor: pointer" onclick="hidepicture()" /></div> <div style="text-align: center;"><img id="pictureimg" src="images/ajax-loader_black.gif" /></div> <div style="text-align: center; color: white; font-family: Arial;" id="pictureinfo"></div> </div> </div> </body> </html> [HTML] pobierz, plaintext Styl: [HTML] pobierz, plaintext body { margin: 0px; padding: 0px; color: black; background: #333333; text-align: center; } #container { width: 975px; margin: 0 auto; position: relative; top: 60px; padding: 0px 0px 0px 0px; background-image: url(images/background.gif); background-repeat: repeat-y; } div.box { padding: 0px; margin: 0px; } img.menu { padding: 0px; margin: 0px; } #lewy_brzeg { float: left; position: relative; padding: 0px 0px 0px 0px; margin: 0px auto; width: 13px; float: left; } html #lewy_brzeg { display: inline; } #pagecontent { position: relative; float: left; padding: 0px; width: 590px; background-color:white; } html #pagecontent { display: inline; } #prawy_brzeg { padding: 0px 0px 0px 0px; position: right bottom; height: 324px; width: 372px; float: left; background-image: url(images/color_block.gif); background-repeat: norepeat; } [HTML] pobierz, plaintext BTW to pod FF 3.0.9 nie działa coś przycicsk html w odpowiedzi. (IMG:http://forum.php.pl/style_emoticons/default/sad.gif) Ten post edytował Jellyeater 27.04.2009, 04:29:59

Posty w temacie

Jellyeater Pozycjonowanie obrazka do dołu diva. 26.04.2009, 12:48:42

vonEverest Kodposition: fixed; bottom 26.04.2009, 12:58:16

Jellyeater Niestety trzyma się ekranu, zamiast być na dole. ... 26.04.2009, 13:04:06

vonEverest Kodposition: absolute; bottom: 0px; 26.04.2009, 13:14:17

batman Ale bzdury wypisujesz ~vonEverest. Wrzuć ten obra... 26.04.2009, 13:25:35

Jellyeater Niestety nadal nie działa. Ale jest lepiej. W... 27.04.2009, 04:28:33

batman Nie do końca o to chodziło. Nie zamieniaj znacznik... 27.04.2009, 07:07:06

Jellyeater Nie bardzo widzę jak mam to zrobić. Wszystko mam... 28.04.2009, 05:33:30

batman [HTML] pobierz, plaintext <div id="tło... 28.04.2009, 06:53:35

kleszczoscisk Moze spróbuj tak: [HTML] pobierz, plaintext #praw... 28.04.2009, 07:13:31

Jellyeater Dzięki pomogło!!! EDIT prawie pomogło... 28.04.2009, 17:56:28

« Następny starszy · CSS · Następny nowszy »

2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Forum PHP.pl