3 kolumny, zewnetrzne dopasowane do srodkowej

3 kolumny, zewnetrzne dopasowane do srodkowej, obrazek pogladowy

eizomaster Zobacz profil	3.11.2009, 16:11:39 Post #1
Grupa: Zarejestrowani Postów: 13 Pomógł: 0 Dołączył: 3.11.2009 Ostrzeżenie: (0%)	Witam, mam mały problem, czytam o tym od jakiegos czasu i nie wiem do tej pory jaka metode zastosowac? (IMG:style_emoticons/default/sad.gif) Mianowicie mam layout w trzech kolumnach, kolumna lewa ma mieć x%, kolumna srodkowa np. 800px i kolumna prawa rowniez ten sam x%, gdzie x% dostosowywalby sie automatycznie tym samym kolumne srodkowa umieszczalby na srodku. Margin: 0 auto; dla srodkowej kolumny odpada poniewaz chcialbym w lewej i prawej kolumnie umiescic jakas zawartosc. Macie jakies pomysly? Przedstawiam obrazek: http://img10.imageshack.us/img10/7588/problempp.png Ten post edytował eizomaster 3.11.2009, 16:12:50

Odpowiedzi

Daiquiri Zobacz profil	8.11.2009, 00:25:12 Post #2
Grupa: Administratorzy Postów: 1 552 Pomógł: 211 Dołączył: 7.07.2009 Skąd: NJ	Efekt 3 kolumn, podobnie jak proponował Zegarek84, tylko testowany (IMG:style_emoticons/default/smile.gif) : [HTML] pobierz, plaintext <html> <head> <title></title> <style type="text/css"> #srodek { width:800px; background-color:#666; position: absolute; left: 50%; right:50%; margin-left:-400px; } #lewy { float:left; width: 50%; background-color:#999; } #prawy { float:left; width:50%; background-color:#999; } </style> </head> <body> <div id="srodek">środek</div> <div id="lewy">lewy</div> <div id="prawy">prawy</div> </body> </html> [HTML] pobierz, plaintext IE nie wyświetli tego, dopóki nie zrobisz dodatkowej deklaracji w postaci np. margin-left:-1px; dla elementu lewy/prawy. Ma problem z wartościami po 50% (nie potrafi tego podzielić...)

Posty w temacie

eizomaster 3 kolumny, zewnetrzne dopasowane do srodkowej 3.11.2009, 16:11:39

t4keda A co się stanie jeśli dla bocznych kolumn dasz coś... 3.11.2009, 17:10:56

eizomaster To wyswietla sie jako 50% strony, jedno pod drugim... 3.11.2009, 17:45:13

Blame A float dla bocznych kolumn? 3.11.2009, 18:11:23

t4keda Z tym, że lewa kolumna ma float: left, a prawa ma ... 3.11.2009, 19:12:07

athei [HTML] pobierz, plaintext <div style="widt... 3.11.2009, 19:53:38

sebastiankozub Cytat<div style="width:98%; margin: 0 auto... 5.11.2009, 01:38:21

zegarek84 Cytat(eizomaster @ 3.11.2009, 16:11:3... 5.11.2009, 02:22:34

Daiquiri Efekt 3 kolumn, podobnie jak proponował Zegarek84,... 8.11.2009, 00:25:12

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

Aktualny czas: 12.10.2025 - 23:26

Hosting zapewnia