[CSS] 3 kolumny(divy): jedna ze stałą szerokością po środku.
[CSS] 3 kolumny(divy): jedna ze stałą szerokością po środku.
Jak uzyskać taki efekt, aby otrzymać 3 kolumny, z czego środkowa ma mieć 900px i znajdować się po środku okna, a pozostałe dwie opływać ją z dwóch stron, i zajmować całą wolną przestrzeń wokół środkowego diva?
Re: [CSS] 3 kolumny(divy): jedna ze stałą szerokością po środku.
Funkcja float i hidden będą do tego niezbędne, dokładnie nie pamiętam jak to wyglądało, więc najlepiej sam poczytaj o float 
Re: [CSS] 3 kolumny(divy): jedna ze stałą szerokością po środku.
Problem w tym, że o floatach wiem wszystko(po lekturze m.in. Przewodnika encyklopedycznego css, Eric'a Mayera). Tylko tu trzeba czegoś więcej, kilku właściwości, w określonej kombinacji. Tego w żadnym przewodniku nie będzie, a moja cierpliwość do metod prób i błędów się skończyła 
Re: [CSS] 3 kolumny(divy): jedna ze stałą szerokością po środku.
Kod: Zaznacz cały
<html><head><title>Css example by Anorax</title></head>
<body>
<style type="text/css">
#all {
height: 300px;
width: 800px;
margin: 0pt auto;
}
#left {
float: left;
width: 200px;
background: orange;
}
#center {
float: left;
width: 400px;
background: grey;
}
#right {
float: left;
width: 200px;
background: yellow;
}
</style>
<div id="all">
<div id="left">Lewe menu</div>
<div id="center">Środek</div>
<div id="right">Prawe menu</div>
</div>
</body>
</html>Re: [CSS] 3 kolumny(divy): jedna ze stałą szerokością po środku.
Owszem działa, ale nie spełnia jednego z założeń, mianowicie boczne kolumny mają wypełniać całą wolną przestrzeń po bokach, niezależnie od szerokości okna
Re: [CSS] 3 kolumny(divy): jedna ze stałą szerokością po środku.
To był tylko przykład
Wystarczy zmienić dane liczbowe w CSS'ie.
all -> width: 100%;
left i rigth opuszczasz
center -> width: 900px;
Ale pewny nie jestem
Wystarczy zmienić dane liczbowe w CSS'ie.
all -> width: 100%;
left i rigth opuszczasz
center -> width: 900px;
Ale pewny nie jestem
Re: [CSS] 3 kolumny(divy): jedna ze stałą szerokością po środku.
Dobrze że nie jestes, bo nie zadziała. Jest to kłopotliwe do zrobienia niestety. o wiele latwiej zrobic boczne kolumny stałe a srodkową zmieniajacą sie lub wszystkie zmienne.
Re: [CSS] 3 kolumny(divy): jedna ze stałą szerokością po środku.
Dokładnie, lepiej jest zrobić wszystkie wartości stałe lub zmienne, z mixem jak widać jest problem
Pewnie jest to wykonalne, jednak mi teraz nic nie przychodzi do głowy...
Pewnie jest to wykonalne, jednak mi teraz nic nie przychodzi do głowy...
-
ooo_michal
- Przelotem
- Posty: 245
- Rejestracja: śr kwie 18, 2007 9:06 am
Re: [CSS] 3 kolumny(divy): jedna ze stałą szerokością po środku.
Możnaby ewentualnie ustawić wartości na stałe a później przy załadowaniu za pomocą JavaScript pozmieniać je. Z jedną zmienną kolumną nie ma problemu ale dwie... Bardzo trudna sprawa.
Re: [CSS] 3 kolumny(divy): jedna ze stałą szerokością po środku.
Jedną kolumne zmienną to i bez js zrobisz, samym CSS się da.
-
ooo_michal
- Przelotem
- Posty: 245
- Rejestracja: śr kwie 18, 2007 9:06 am
Re: [CSS] 3 kolumny(divy): jedna ze stałą szerokością po środku.
Wiem o tym. Źle mnie zrozumniałeś. To że z jedną kolumną nie ma problemu dotyczyło właśnie samego CSS. Ale dobrze że zwróciłeś uwagę bo faktycznie źle to ująłem.