Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css]Rozszerzanie rodzica przez dziecko
goped
post
Post #1





Grupa: Zarejestrowani
Postów: 156
Pomógł: 0
Dołączył: 28.11.2003
Skąd: gliwice

Ostrzeżenie: (0%)
-----


Czesc. Moj problem jest nastepujacy, jezeli mam kod:

  1. <div style="position:relative; overflow:hidden; width:300px; background-color:green;">
  2. <div style="position:asolute; float: left;width: 100px; background-color:red; margin: 0 0 -20000px 0; padding: 0 0 20000px 0;" ><br>test<br><br>test<br><br>test<br><br>test<br><br>test<br></div>
  3. <div style=" position:asbsolute; float: left;width: 100px; background-color:blue; margin: 0 0 -20000px 0; padding: 0 0 20000px 0;" > </div>
  4. </div>


to kontener, ten pierwszy div, rozszerza sie razem z pozostalymi div'ami, wiec jest ok.
Niestety, nie wiem czemu, ale jak mam kod:
  1. <TITLE>layout full bez ciecia</TITLE>
  2. <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1250">
  3. <!-- ImageReady Styles (layout full bez ciecia.psd) -->
  4. <STYLE TYPE="text/css">
  5. <!--
  6. #kontener {
  7. position:relative;
  8. width:1200px;
  9. margin:0 auto;
  10. margin-top:opx;
  11. background-color:green;
  12. }
  13.  
  14. #logo {
  15. position:absolute;
  16. left:0px;
  17. top:0px;
  18. width:1000px;
  19. height:213px;
  20. }
  21.  
  22. #pasek {
  23. position:absolute;
  24. left:0px;
  25. top:213px;
  26. width:1000px;
  27. height:25px;
  28. }
  29.  
  30. #stalegora {
  31. position:absolute;
  32. left:0px;
  33. top:238px;
  34. width:1000px;
  35. height:93px;
  36. }
  37.  
  38. #menu {
  39. position:absolute;
  40. left:0px;
  41. top:331px;
  42. width:244px;
  43. height:539px;
  44. }
  45.  
  46. #tresc {
  47. position:absolute;
  48. left:244px;
  49. top:331px;
  50. width:756px;
  51. height:539px;
  52. }
  53.  
  54. #stopka {
  55. position:absolute;
  56. left:0px;
  57. top:870px;
  58. width:1000px;
  59. height:80px;
  60. }
  61.  
  62. -->
  63. <!-- End ImageReady Styles -->
  64. </HEAD>
  65. <BODY STYLE="background-color:#FFFFFF;">
  66. <!-- ImageReady Slices (layout full bez ciecia.psd) -->
  67. <div id="kontener">
  68. <DIV ID="logo">
  69. <IMG SRC="images/index_01.jpg" WIDTH=1000 HEIGHT=213 ALT="">
  70. </DIV>
  71. <DIV ID="pasek">
  72. <IMG SRC="images/index_02.jpg" WIDTH=1000 HEIGHT=25 ALT="">
  73. </DIV>
  74. <DIV ID="stalegora">
  75. <IMG SRC="images/index_03.jpg" WIDTH=1000 HEIGHT=93 ALT="">
  76. </DIV>
  77. <DIV ID="menu">
  78. <IMG SRC="images/index_04.jpg" WIDTH=244 HEIGHT=539 ALT="">
  79. </DIV>
  80. <DIV ID="tresc">
  81. <IMG SRC="images/index_05.jpg" WIDTH=756 HEIGHT=539 ALT="">
  82. </DIV>
  83. <DIV ID="stopka">
  84. <IMG SRC="images/index_06.jpg" WIDTH=1000 HEIGHT=80 ALT="">
  85. </DIV>
  86. </div>
  87. <!-- End ImageReady Slices -->
  88. </BODY>
  89. </HTML>


To kontener glowny sie nie rozszerza, i nie wiem czemu, moze umialby mi ktos to wyjasnic?snitch.gif
Grafika ma szerokosc 1000px, wiec specjalnie dalej 1200px dla kontenera zeby moc zobaczyc czy sie nie chowa pod sdjeciami, jednak nie. Wiecej, jezeli ustawie mu jakas wielkosc(height) to jest tylko tyle zielonego ile ustawilem, ale strona jest cala. Sprawa zmienia sie dopiero po ustawieniu overflow:hidden;, wtedy to pokazuje sie tylko tyle strony ile ustawie w kontenerze. Ktos wie jak zrobic zeby wnetrze kontenera rozszerzylo go jak w pierwszym przypadku sie dzieje? Dzieki za odpowiedz, pozdrawiam.

Ten post edytował goped 25.01.2008, 17:40:26


--------------------
www.motorower.com.pl - kup sobie cos :]
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 11:23