Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Układ divów
mokry
post
Post #1





Grupa: Zarejestrowani
Postów: 374
Pomógł: 23
Dołączył: 3.06.2006
Skąd: Katowice

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

Hm... Siedze nad problemem już ponad 3 godziny...

http://eurodens.pl/uklad.png

Jako, że siedzę w semantycznym XHTML 1.0 Strick od kilku dni, mam problem ze zrobieniem site'a opartego o DIV'y

Próbowałem kombinować z float, position, różnegej maći szerokościami, ale nadaremne... Jedynie co udało mi się (połowicznie) do ułożyć górne trzy bloki...
Środkowych już nie ułożyłem niestety, choć też próbowałem... Coś się rozjeżdża i nie umiem sobie z tym poradzić...

Omówienie tego przykładu pozwoli mi na jego dokładne przeanalizowanie i później- na uniknięcie tego typu błędów...
Pozdrawiam
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 2)
Kisiol_Ent
post
Post #2





Grupa: Zarejestrowani
Postów: 146
Pomógł: 0
Dołączył: 15.01.2007

Ostrzeżenie: (60%)
XXX--

To calkiem proste : > nie napisales tylko szczegolow zbyt duzo czy ma sie rozszerzacz do okna
przegladarki czy ma byt staly rozmiar ale ok mam cos takiego dla ciebie:

obrazek: http://img407.imageshack.us/img407/1148/aa...aaaaaaaako2.jpg

ps dziala tylko w Operze moze trzeba dodac doctype itd itp to w innych zalapie ale teraz niemam czasu ide spac.

[HTML] pobierz, plaintext 
  1. <html>
  2. <body>
  3.  
  4. <!-- Created by Kisiol_Ent (C) 2007 All rights reserwed. -->
  5.  
  6. <div style="border: 10px solid green; background-color: red; width: 850px;">
  7.  
  8.  
  9.   <div style="width: 150px; background-color: yellow;  float: left; ">
  10.     Dupa1 
  11.     Dupa1<br />
  12.     dddddddd<br />Dupa1<br />
  13.     dddddddd<br />Dupa1<br />
  14.     dddddddd<br />Dupa1<br />
  15.     dddddddd<br />    Dupa3
  16.     Dupa1<br />
  17.     dddddddd<br />Dupa1<br />
  18.     dddddddd<br />Dupa1<br />
  19.     dddddddd<br />Dupa1<br />
  20.     dddddddd<br />
  21.   </div>
  22.  
  23.   <div style="width: 250px; background-color: orange; float: right; ">
  24.     Dupa2 
  25.     Dupa1<br />
  26.     dddddddd<br />Dupa1<br />
  27.     dddddddd<br />Dupa1<br />
  28.     dddddddd<br />Dupa1<br />
  29.     dddddddd<br />
  30.   </div>
  31.  
  32.   <div style=" width: 450px; background-color: blue; ">
  33.     Dupa3 <br />
  34.     dddddddd<br />
  35.     dddd<br />
  36.     ddddd<br />
  37.   </div> 
  38.  
  39. </div>
  40. <br />
  41.  
  42.  
  43.  
  44. <div style="border: 10px solid blue; background-color: red; width: 900px;">
  45.  
  46.   <div style="width: 300px; background-color: yellow;  float: left; ">
  47.     Dupa1 
  48.     Dupa1<br />
  49.     dddddddd<br />Dupa1<br />
  50.     dddddddd<br />Dupa1<br />
  51.  
  52.     dddddddd<br />Dupa1<br />
  53.     dddddddd<br />
  54.   </div>
  55.  
  56.   <div style="width: 300px; background-color: orange; float: right; ">
  57.     Dupa2 
  58.     Dupa1<br />
  59.     dddddddd<br />Dupa1<br />
  60.     dddddddd<br />Dupa1<br />
  61.     dddddddd<br />Dupa1<br />
  62.     dddddddd<br />
  63.   </div>
  64.  
  65.   <div style=" width: 300px; background-color: blue; ">
  66.     Dupa3 <br />
  67.     dddddddd<br />
  68.     dddd<br />
  69.     ddddd<br />
  70.   </div> 
  71.  
  72. </div>
  73. <br />
  74.  
  75.  
  76. <div style="border: 10px solid blue; background-color: red; width: 600px;">
  77.  
  78.   <div style="width: 300px; background-color: yellow;  float: left; ">
  79.     Dupa1 
  80.     Dupa1<br />
  81. br />
  82.     dddddddd<br />
  83.   </div>
  84.  
  85.   <div style="width: 300px; background-color: orange; float: right; ">
  86.     Dupa2 
  87.     Dupa1<br />
  88.  
  89.     dddddddd<br />
  90.   </div>
  91.  
  92.  
  93.  
  94. </div>
  95. <br />
  96.  
  97.  
  98. </body>
  99. </html>
[HTML] pobierz, plaintext


Ten post edytował Kisiol_Ent 19.02.2007, 00:16:18
Go to the top of the page
+Quote Post
gekon
post
Post #3





Grupa: Zarejestrowani
Postów: 614
Pomógł: 7
Dołączył: 10.11.2003
Skąd: Rzeszów/Kraków

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

http://kurs.browsehappy.pl/Krok/Float to x3 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Ten post edytował gekon 19.02.2007, 01:13:25
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 23.12.2025 - 08:42
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn