Forum PHP.pl > [css] divy

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [css] divy

wojtekw

17.03.2008, 23:06:15

Jak zrobić w css aby na stronie były 3 divy obok siebie z czego jeden jest wyśrodkowany i ma 800 px, a te dwa po jego bokach pełniły rolę marginesów (tzn ich szerokość dopasowywałaby się w zależności ile by z boków zostało).

grzesiek_g

18.03.2008, 08:02:52

To nie tabelki, dla samych marginesów nie umieszcza się żadnych elementów w kodzie. Od tego jest CSS. Dajesz jednego diva:

[HTML] pobierz, plaintext 
<body>
    <div id="main"></main>
</body>
[HTML] pobierz, plaintext

i css:

[HTML] pobierz, plaintext 
#main {width:800px;margin:0 auto;}
[HTML] pobierz, plaintext

//Powód edycji:
Pomyłkowo źle wpisałem do CSS nazwę identyfikatora.

redelek

18.03.2008, 08:43:19

Cytat(wojtekw @ 17.03.2008, 23:06:15 )

Niestety trzeba pokombinować.
Tu masz fajny generator CSS, generuje potem troszkę przerabiam i jest ekstra

http://www.cssportal.com/generators/layout.htm

Pozdrawiam
Redelek

vokiel

18.03.2008, 10:49:02

Bardzo dobry zestaw layoutów:
layoutgala

wojtekw

18.03.2008, 11:39:17

Wszystko fajne tylko nie ma rozwiązania mojego problemu. Ja bym chciał aby w tych bokach była zawartość. A szerokość diva możnaby wyrazić tak: (100% - 800px)/2

czy ktoś wie?

Pilsener

18.03.2008, 11:45:24

Na moim blogu mam 3 divy obok siebie, z czego środkowy się rozciąga. Nie widzę problemu, abyś użył identycznego rozwiązania, możesz ustalić stałą szerokość lub dać procenty. Gorzej, jeśli wszystkie 3 divy mają mieć stałą wysokość, niezależnie od zawartości - ale i na to są sztuczki w CSS

wojtekw

18.03.2008, 11:58:09

Ok dzięki wielkie, mam już pomysł jak wrócę do domu popóbuję.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.