Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> 3 divy w okreslonym ukladzie
marian!
post
Post #1





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 20.03.2005

Ostrzeżenie: (0%)
-----


Prosze o pomoc. Jaki jest sposob na stworzenie strony na ktorej sa 3 divy tej samej wysokosci obok siebie (dotykajace do siebie) w sumie zajmujace 100% szerokosci strony przy zalozeniu ze srodkowy (wycentrowany) div ma stala szerokosc a boczne maja szerokosci zalezne od wielkosci okna? Bardzo, bardzo prosze o rade. Zalezy mi na tym jak najszybciej. Nawet nie wiem jak zaczac. Odwrotna sytuacja bylaby prostsza tj gdyby srodkowy mial zmienna szerokosc a boczne stala :/ ale niestety potrzebuje co innego (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 10)
Strus
post
Post #2





Grupa: Zarejestrowani
Postów: 184
Pomógł: 0
Dołączył: 19.01.2005
Skąd: Bochnia

Ostrzeżenie: (0%)
-----


Nie przychodzi mi nic innego niż użycie elementów z CSS2.1, a tego nie obsługuje IE.
Może być tak, że wszystkie są o zmiennej szerokości? bo to akurat da się bez problemu zrobić w CSS1 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
marian!
post
Post #3





Grupa: Zarejestrowani
Postów: 2
Pomógł: 0
Dołączył: 20.03.2005

Ostrzeżenie: (0%)
-----


Nie moze niestety tak byc bo w srodkowej mialaby byc cala tresc a boczne to uzupelnienie (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
revyag
post
Post #4





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

Ostrzeżenie: (0%)
-----


Jeśli chodzi o taką samą wysokość divów to w zależności od układu przeglądarki różnie to interpretują. Mnie nie udało się zrobić tak żeby miały one taką samą wysokość, skorzystałem z rozwiązania zawartego na stronie http://www.alistapart.com/articles/fauxcolumns/
Problem ten oczywiście występuje tylko wtedy kiedy divy mają się dopasowywać względem siebie, gdy jeden albo drugi zwiększa swoją wysokość.
Jeśli wysokość będziesz miał ustawiną na 100% to nie ma problemu.
Co do ustawienia szerokości to chyba bez kalkulatora się nie obejdzie (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) . Środkowego diva ustawiasz na sztywno, no i trzeba teraz wyliczyć ile to jest procent całej szerokość strony, a potem to co zostanie po odjęciu tego rozdzielić na dwa pozostałe divy, ustawiając ich szerokość w procentach.
Go to the top of the page
+Quote Post
Strus
post
Post #5





Grupa: Zarejestrowani
Postów: 184
Pomógł: 0
Dołączył: 19.01.2005
Skąd: Bochnia

Ostrzeżenie: (0%)
-----


Cytat(revyag @ 2005-03-21 09:56:31)
Środkowego diva ustawiasz na sztywno, no i trzeba teraz wyliczyć ile to jest procent całej szerokość strony, a potem to co zostanie po odjęciu tego rozdzielić na dwa pozostałe divy, ustawiając ich szerokość w procentach.

Nie wiem czy wiesz, ale nie wszyscy mają identyczną rozdzielczość ekranu (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
No chyba, że uważasz, że x% z 1280px i te same x% z 800px jest równe w przeliczeniu na px :roll2:
Go to the top of the page
+Quote Post
revyag
post
Post #6





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

Ostrzeżenie: (0%)
-----


Rozwiązanie które podałem z pewnością nie jest błyskotliwe (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif) . Nadaje się oczywiście tylko do jednej rozdzielczości. W innym wypadku trzeba także skalować szerokość środkowego diva.
Go to the top of the page
+Quote Post
wisnia
post
Post #7





Grupa: Zarejestrowani
Postów: 12
Pomógł: 0
Dołączył: 24.01.2005
Skąd: Zielona Góra

Ostrzeżenie: (0%)
-----


da sie wszystko sie da div+css (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) ) nawet pod IE :]

Ten post edytował wisnia 29.03.2005, 01:02:41
Go to the top of the page
+Quote Post
Strus
post
Post #8





Grupa: Zarejestrowani
Postów: 184
Pomógł: 0
Dołączył: 19.01.2005
Skąd: Bochnia

Ostrzeżenie: (0%)
-----


Cytat(wisnia @ 2005-03-29 01:02:18)
da sie wszystko sie da div+css (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) ) nawet pod IE :]

Bardzo wyczerpująco przedstawiłeś rozwiązanie. Dziękujemy (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post
wisnia
post
Post #9





Grupa: Zarejestrowani
Postów: 12
Pomógł: 0
Dołączył: 24.01.2005
Skąd: Zielona Góra

Ostrzeżenie: (0%)
-----


http://www.positioniseverything.net/thr.col.stretch.html :]
Go to the top of the page
+Quote Post
Strus
post
Post #10





Grupa: Zarejestrowani
Postów: 184
Pomógł: 0
Dołączył: 19.01.2005
Skąd: Bochnia

Ostrzeżenie: (0%)
-----


Cytat(wisnia @ 2005-03-29 16:22:12)

Wiśnia, czytaj temat dokładniej (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Takie coś to każdy może zrobić.

Marianowi nie o to chodzi :]
Go to the top of the page
+Quote Post
wisnia
post
Post #11





Grupa: Zarejestrowani
Postów: 12
Pomógł: 0
Dołączył: 24.01.2005
Skąd: Zielona Góra

Ostrzeżenie: (0%)
-----


sluszna uwaga:)
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 23.08.2025 - 22:24