wdrożenia PrestaShop

Jak zrobic układ 3 kolumnowy elastyczny

  • 2 Odpowiedzi
  • 5326 Wyświetleń

0 użytkowników i 2 Gości przegląda ten wątek.

*

Offline pawelpon

  • Stały użytkownik
  • ***
  • 84
  • 3
    • Specjalistyczne zawiesia, uchwyty i trawesy.
Jak zrobic układ 3 kolumnowy elastyczny
« dnia: Grudzień 19, 2008, 01:18:21 pm »
chciałem zrobić  układ 3 kolumnowy elastyczny coś takiego jak na   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
Może ktoś ma jakieś sugestie jak to zrobić.

*

Offline bartas

  • Stały użytkownik
  • ***
  • 78
  • -1
Odp: Jak zrobic układ 3 kolumnowy elastyczny
« Odpowiedź #1 dnia: Grudzień 20, 2008, 10:26:33 pm »
Musisz w css-ie zrobić wszystko w %-ach ale żeby wszsytko idealnie dowapsować to troszku posiedzisz ;)

*

Offline ArtP6

  • Użytkownik
  • **
  • 38
  • 0
  • Płeć: Mężczyzna
Odp: Jak zrobic układ 3 kolumnowy elastyczny
« Odpowiedź #2 dnia: 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.
« Ostatnia zmiana: Styczeń 06, 2009, 08:25:18 pm wysłana przez ArtP6 »