[css] Struktura strony. Przejście ztabelek na divy podejście 2

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

[css] Struktura strony. Przejście ztabelek na divy podejście 2

starach Zobacz profil	24.01.2007, 23:01:55 Post #1
Grupa: Zarejestrowani Postów: 999 Pomógł: 30 Dołączył: 14.01.2007 Skąd: wiesz ? Ostrzeżenie: (0%)	[HTML] pobierz, plaintext <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2"> <title>Centrum Projektowe</title> </head> <style type="text/css"> body { font:x-small Verdana, Arial, Helvetica, sans-serif; background-color:#CCCCCC; color:#333333; padding:15px; } div#main { width:780px; background-color:#999999; display:block; margin:0 auto; } div#main div.left_frame { width:150px; background-color:#00CC00; display:inline; } div#main div.right_frame { width:630px; background-color:#99FF00; display:inline; } </style> <body> <div id="main"> <div class="left_frame"> </div> <div class="right_frame"> </div> </div> </body> </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ź.

Odpowiedzi

chlebik Zobacz profil	24.01.2007, 23:49:29 Post #2
Grupa: Zarejestrowani Postów: 113 Pomógł: 5 Dołączył: 12.09.2006 Skąd: Pruszków/Warszawa Ostrzeżenie: (0%)	Domyslam sie, ze chcesz po prostu miec 2 DIVy obok siebie. Mysle, ze jesli masz ustalona z gory szerokosc w pikselach to mozna sie pokusic i na sztywno rozmiescic DIVy na stronie gdzie nadrzednym kontenerem jest po prostu znacznik BODY. Chyba, ze caly layout bedzie sie dalej zmienial i takie rozwiazanie nie jest odpowiednie. Oto kod (ramki dodalem by bylo widac co i gdzie jest): [HTML] pobierz, plaintext !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2"> <title>Centrum Projektowe</title> </head> <style type="text/css"> body {background-color:#CCCCCC; color:#333333; padding:15px; } .left_frame { width:150px; background-color:#00CC00; position: absolute; top: 5%; left: 0; right: auto; border: 2px dotted #yellow;} .right_frame { width:630px; background-color:#99FF00; position: absolute; top: 5%; right: 0; left: auto; border: 2px dotted #yellow;} </style> <body> <div class="left_frame">to jest lewy DIV </div> <div class="right_frame">to jest prawy DIV </div> </body> </html> [HTML] pobierz, plaintext Ps. Gdzie wyczytales o tym "float" (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) Ten post edytował chlebik 24.01.2007, 23:50:56

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 »

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

Aktualny czas: 26.12.2025 - 11:46

Hosting zapewnia