Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css] Struktura strony. Przejście ztabelek na divy podejście 2
starach
post
Post #1





Grupa: Zarejestrowani
Postów: 999
Pomógł: 30
Dołączył: 14.01.2007
Skąd: wiesz ?

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

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  5. <title>Centrum Projektowe</title>
  6. </head>
  7. <style type="text/css">
  8. body { font:x-small Verdana, Arial, Helvetica, sans-serif; background-color:#CCCCCC; color:#333333; padding:15px; }
  9. div#main { width:780px; background-color:#999999; display:block; margin:0 auto; }
  10. div#main div.left_frame { width:150px; background-color:#00CC00; display:inline; }
  11. div#main div.right_frame { width:630px; background-color:#99FF00; display:inline; }
  12. </style>
  13. <body>
  14. <div id="main">
  15. <div class="left_frame"> </div>
  16. <div class="right_frame"> </div>
  17. </div>
  18. </body>
  19. </html>
[HTML] pobierz, plaintext

Co należy zrobić żeby wyświetlały się te dwa divy obok siebie, i miały szerokość taką jak ustalona właściwością width: ?
Wiem że mógłbym skorzystać z float:left i right ale przeczytałem gdzieś że nie należy stosować tego typu techniki. Moim drugim problemem jest to że jeśli użyję float na elementach wewnątrz div'a owy div zwinie mi się do góry tak jakby nic w nim nie było.
Proszę o radę i podpowiedź.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
chlebik
post
Post #2





Grupa: Zarejestrowani
Postów: 113
Pomógł: 5
Dołączył: 12.09.2006
Skąd: Pruszków/Warszawa

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

http://forumweb.e-vip.pl/viewtopic.php?t=15012


Pod tym linkiem znajdziesz wylozone pare rzeczy - czesto jest on na tym forum przywolywany.


Natomiast co do Twojego problemu - rzecz jest prosta - albo pozycjonujesz DIVy za pomoca "position: " albo konstruujesz kolejne kontenery i umiejetnie operujac "padding" i "margin" doprowadzasz do porzadanego stanu (najlepiej zrobic to po prostu w BODY lub jednym kontenerze nadrzednym). Jesli mam kontynuowac swoja wersje to zastosuj po prostu (przy sztywnych wielkosciach DIVow i powiedzmy 180px marginesie z kazdej ze stron):


[HTML] pobierz, plaintext 
  1. <style type="text/css">
  2. body {background-color:#CCCCCC; color:#333333; padding:15px; }
  3. .left_frame { width:150px; background-color:#00CC00; position: absolute; 
  4. top: 5%; left: 180px; right: auto; border: 2px dotted #yellow;}
  5. .right_frame { width:630px; background-color:#99FF00; position: absolute;
  6.  top: 5%; right: 180px; left: 303px; border: 2px dotted #yellow;}
  7.  
  8. </style>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- orglee   [css] Struktura strony. Przejście ztabelek na divy podejście 2   24.01.2007, 23:01:55
- - chlebik   Domyslam sie, ze chcesz po prostu miec 2 DIVy obok...   24.01.2007, 23:49:29
- - orglee   Ee ale ja chce to mieć po środku a nie po bokach. ...   25.01.2007, 00:24:17
- - chlebik   http://forumweb.e-vip.pl/viewtopic.php?t=15012 P...   25.01.2007, 00:38:53

« 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 · Przełącz na: Linearny+ · Drzewo

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

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