-
Data: 2010-04-08 16:45:10
Temat: Re: [CSS] trojkolumnowy layout - fluid - fixed - fluid
Od: beherit / pn <b...@s...firenet.eu.org> szukaj wiadomości tego autora
[ pokaż wszystkie nagłówki ]docxxx wrote:
> Witajcie
> Czy mozecie mnie oswiecic i powiedzic, jak w css zrobic trojkolumnowy
> layout, gdzie srodek ma stala szerokosc, a boczne kolumny sa
> rozciagane do maksymalnej dostepnej powierzchni?
Można też poszukać w koledze google :).
http://www.dynamicdrive.com/style/layouts/item/css-l
iquid-layout-36-fluid-fixed-fluid/
PS. W #contentwrapper tam gdzie masz margin-left IE6 może świrować więc
dla IE6 zastosuj margin-left dwa razy mniejszy. Możesz np. przez
* html #contentwrapper{ } - tak najprościej, ale wcześniej sprawdź czy
to konieczne... nie zapoznałem się z całym kodem więc może tutaj to nie
wystąpi.
Ale oki podamy łopatką:
<style type="text/css">
body{
margin:0;
padding:0;
}
#contentwrapper{
float: left;
width: 100%;
margin-left: -20%; /*Set left margin to -(RightColumnWidth)*/
}
#contentcolumn{
margin: 0 190px 0 20% /*Set margin to 0 (LeftColumnWidth) 0
(RightColumnWidth)*/
}
#leftcolumn{
float: left;
width: 190px; /*Width of left column in pixels*/
margin-left: -190px; /*Set left margin to -(LeftColumnWidth)*/
background: #C8FC98;
}
#rightcolumn{
float: left;
width: 20%; /*Width of right column in percentage*/
background: #FDE95E;
}
</style>
<div id="maincontainer">
<div id="contentwrapper">
<div id="contentcolumn">
</div>
</div>
<div id="leftcolumn">
</div>
<div id="rightcolumn">
</div>
</div>
Pozdrawiam,
Paweł
http://www.odpoczac.pl http://www.24nocleg.pl http://www.urlopwczasy.pl
http://www.turea.pl http://www.teleit.pl http://www.zgarniam.pl
http://www.goldenline.pl/pawel-nowacki4
Następne wpisy z tego wątku
- 08.04.10 19:16 docxxx
- 08.04.10 20:10 beherit / pn
- 08.04.10 22:21 Paweł Piskorz
- 09.04.10 10:54 docxxx
- 09.04.10 12:05 Paweł Piskorz
Najnowsze wątki z tej grupy
- Jakie znacie działające serwery grup dyskusyjnych?
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
- www.znanylekarz.pl
- Czy pytanie o sczytywanie stron programami/skryptami to tu?
- Grupy webdevowe
- Jak wydrukować stronę?
- IIS, kilka witryn
- linki <a href="/strona.php"> (ze slashami)
- co rozszerza stronę??
- responsywny akapit <p>
- Czy istnieje jakiś emulator przeglądarek pod Mac'a?
- taka sama konfiguracja dla localhost i produkcji
Najnowsze wątki
- 2024-11-08 Belka
- 2024-11-09 pierdolec na punkcie psa
- 2024-11-09 Warszawa => Sales Executive <=
- 2024-11-09 Wrocław => SAP BTP Consultant (mid/senior) <=
- 2024-11-09 Warszawa => ECM Specialist / Consultant <=
- 2024-11-09 Warszawa => Senior Frontend Developer (React + React Native) <=
- 2024-11-10 TVN donosi: Obywatelskie zatrzymanie policjanta (nie na służbie)
- 2024-11-08 Warszawa => Head of International Freight Forwarding Department <=
- 2024-11-08 Warszawa => Key Account Manager <=
- 2024-11-08 Szczecin => Key Account Manager (ERP) <=
- 2024-11-08 Białystok => Full Stack web developer (obszar .Net Core, Angular6+) <
- 2024-11-08 Wrocław => Senior PHP Symfony Developer <=
- 2024-11-08 Warszawa => QA Engineer <=
- 2024-11-08 Warszawa => QA Inżynier <=
- 2024-11-08 Warszawa => Key Account Manager <=