Polskie wsparcie PrestaShop

PrestaShop => Wygląd => Wątek zaczęty przez: pawelpon w Grudzień 19, 2008, 01:18:21 pm

Tytuł: Jak zrobic układ 3 kolumnowy elastyczny
Wiadomość wysłana przez: pawelpon w Grudzień 19, 2008, 01:18:21 pm

chciałem zrobić  układ 3 kolumnowy elastyczny coś takiego jak na   http://www.outdoorzy.pl/  (http://www.outdoorzy.pl/).
Zmieniam w  Global.css ale ucieka mi prawa strona.   
Próbowałem coś robić na podstawie tego artykułu http://www.pomoc.joomla.pl/content/view/546/46 (http://www.pomoc.joomla.pl/content/view/546/46)
Może ktoś ma jakieś sugestie jak to zrobić.

Tytuł: Odp: Jak zrobic układ 3 kolumnowy elastyczny
Wiadomość wysłana przez: bartas w Grudzień 20, 2008, 10:26:33 pm

Musisz w css-ie zrobić wszystko w %-ach ale żeby wszsytko idealnie dowapsować to troszku posiedzisz ;)

Tytuł: Odp: Jak zrobic układ 3 kolumnowy elastyczny
Wiadomość wysłana przez: ArtP6 w Styczeń 06, 2009, 07:55:57 pm

W procentach nie da sie bo sie przerwa rozjedzie i nie wyglada to ładnie a mozna to zobaczyc po wgraniu :
/* global layout */
#page {
   width: 98%;
   min-width: 980px;
   margin: 0 auto 2px auto;
   text-align:left;
}
h1#logo {
   float: left;
   width: 29%;
   margin-top:0.5em;
}
#header {
   float: left;
   height:100px;
   width: 71%;
   text-align: right;
}
#left_column, #center_column, #right_column {
   float:left;
}
#left_column {
   clear:left;
   width:190px;
   padding-right: 15px;
}
#center_column {
   width: 58%;
   min-width: 556px;
   margin: 0 0 30px 0;
}
#right_column {
   width: 190px;
   padding-left: 15px;
        float: right;
}

lecz chyba zmian nalezy dokonac gdzie indziej bo prawa kolumna chyba jest podpieta do stopki i dlatego co by sie z marginesami nie robiło to bedzie uciekac pod spod.

Może ktoś ma taki temat rozwiązany i go udostepni ?  ;)

a i pliczek global.css na IE działa lepiej niz na Chrome, bo koszyk sią trzyma prawej kolumny.