ďťż

[CSS] div'y z atrybutem float:left;

Podstrony

telcocafe

Mam 3 div'y które chciałbym aby były obok siebie (3 div'y w rzędzie)
Ustawiam style tych trzech div'ów na: float:left;
Jednak gdy suma długości tych div'ów przekroczy szerokość ekranu to automatycznie układ mi sie rozwala i ostatni div przechodzi do nowej lini: przykład (zob. źródło strony) łaczna długość 3 div'ów wynosi 1160px i rzy rozdzielczości 1024 ostatni div przecodzi do nowej linijki.
I czy da się temu jakoś zaradzić żeby cały czas były w jednym rządku?
Np. aby pojawiał się pasek przewijania na dole w razie czego.
Myślałem nad tabelką, ale chciałem to zrobić za pomocą dic i CSS

<div style="width: 1161px;"> // tutaj dajesz swoje 3 bloczki </div>

Rozwiązanie troszkę trudniejsze ale pewniejsze. Spróbuj szerokości div'ów ustalić za pomocą miary procentowej a nie pikselowej.

Nabijasz posty czy naprawdę nie masz pojęcia o czym mówisz? Będzie za każdym razem wyliczał jsowo szerokość strony z rozdzielczości na procenty? Od tego są ustalenia pixelowo i ich najlepiej się ich trzymać.

Na stronie będą występowały 2 lub 3 div'y (niebieski i zielony, a czasami ten żółty)
więc pozostaje mi zastosować tabelkę

Na stronie będą występowały 2 lub 3 div'y (niebieski i zielony, a czasami ten żółty)
więc pozostaje mi zastosować tabelkę

lol, nie musisz. opisz kiedy sa 2 a kiedy 3 divy i jak wtedy z szerokoscia.

Szerokość nie powinna przekroczyć 1024px, bo wtedy to będzie niewygodne po prostu.

Szerokość nie powinna przekroczyć 1024px, bo wtedy to będzie niewygodne po prostu.

Według mnie nawet mniejsza, trzeba wliczyć pasek boczny(może to szczegół ale czasem zabierze potrzebne miejsce) i różne paski boczne jak w Operze i np, Historia w Firefoksie.

Układ procentowy - odradzam gdy korzystasz z grafik. Wszystko może się rozjeżdżać.

Układ pikselowy - obecnie chyba najlepszy, co prawda krzywdzi trochę ludzi z rozdzielczością 800x600 ale cóż... wszystkiego tak upakować czasami się nie da. Chociaż gdy treści mało to i stronę możesz dostosować do 800x600 bez żadnego problemu.

Tabele... niby czasem jeszcze coś przy ich pomocy zrobię, cały layout opiera się na divach. Tabelka tylko czasami może "potrzymać" divy jak się rozjeżdżają w IE, zresztą da się tak zrobić, aby się nie rozjechała.

Tabele... niby czasem jeszcze coś przy ich pomocy zrobię, cały layout opiera się na divach. Tabelka tylko czasami może "potrzymać" divy jak się rozjeżdżają w IE, zresztą da się tak zrobić, aby się nie rozjechała.
KAŻDY layout da się zrobić bez tabelek i tylko na divach. Trzeba tylko umieć. A co do pytania to powiedz nam jaka szerokosc beda mialy te divy jak sa 2 a jaka szerokosc jak sa 3.

polasek: nie nabijam postów i doskonale wiem, o czym piszę.
Po prostu: jeśli nie korzysta się z grafik (masz rację Tomek92) i zależy na tym, aby każda z trzech kolumn była wielkościowo zawsze porporcjonalna do reszty bez względu na rozdzielczość, to układ procentowy jest jak najbardziej na miejscu. Przykład: trzy kolumny od wymiarach (od lewej do prawej) 20%, 60% i 20% zawsze będą miały zachowane takie porporcje. 800x600 - 160px, 480px, 160px. Przy rozdzielczości 1024x768 - 204.8px, 614.4px, 204.8px. Proporcje będą zachowane i układ na pewno się nie rozjedzie a tym bardziej (nawet przy zmianie wielkości czcionki przez internaute np. z powodu wady wzroku) żadnemu div'owi nie braknie miejsca i nie przejdzie do nowej linijki. Gorzej, jak jest z grafika. Wtedy zostaje tylko miara pikselowa ale za to można odpowiednio dostosować grafikę. Polecam książkę:
http://helion.pl/ksiazki/kulood.htm

stronkę chciałem zorobić tak że po bokach byłby pewne pnele informacje, menu, itp.
na samym środku (zielony) treść strony.
Jednak chciałem zrobić tak aby była możliwość wyboru czy prawy panel (żłółty) ma być wyświetlany czy nie.
I tu właśnie się pojawia problem, że jak środkowy będzie zbyt szeroki to układ się rozsypie. I tego właśnie chcę uniknąć.

Jesli robisz dodawanie/usuwanie tego panelu w php, to po prostu mozesz podstawic inne wartosci w css (albo zaimportowac inny plik css, jesli tak ci bedzie latwiej - jeden w wersji zawiera info dla dwoch kolumn, drugi dla trzech, i importujesz jeden z nich). Jeśli wystarczy ci miara procentowa (bo nie bedziesz uzywal grafiki lub zrobisz wszystko sprytnie wykorzystujac powielanie grafiki) to glownego diva ustaw na konkretna szerokosc w px, a kolumny prawa i lewa procentowo. Glowna kolumne zostaw bez ustawien szerokosci - dzieki temu automatycznie dostosuje sie zajmujac pozostale miejsce.

Szerokość nie powinna przekroczyć 1024px, bo wtedy to będzie niewygodne po prostu.

A jak ktoś ma rozdzielczość 800x600? Dużo lepszym sposobem na definowanie szerokości strony jest użycie %

A jak ktoś ma rozdzielczość 800x600? Dużo lepszym sposobem na definowanie szerokości strony jest użycie %
To jest ciotą i to jest jego problem. A definiowanie za pomoca % sprawdza sie na stronach bez grafiki.

To jest ciotą i to jest jego problem. A definiowanie za pomoca % sprawdza sie na stronach bez grafiki.

Bardzo ciekawe podejście do projektowania. Ty chyba webmasterowi powinno zależeć na tym aby jego strona działa poprawnie w każdej przeglądarce i pod każdą rozdzielczością. Czemu uważasz, że definiowanie za pomocą % sprawdza się tylko na stronach bez grafiki? Jakieś merytoryczne argumenty?

Zawsze można zdefiniować wielkość za pomocą np. px - ja stosuję zawsze ok. 760 - 780 px i w tej szerokości wszystko umieszczam. Nie ma problemu z mniejszymi rozdzielczościami.
Natomiast procentowe zdefiniowanie wymiarów strony sprawdza się zawsze, bez względu czy jest grafika na stronie czy nie. Tylko w połączeniu grafiki i procentów trzeba odpowiednio przygotować grafikę i odpowiednio ułożyć, aby w przypadku zmiany rozdzielczości wygląd pozostał taki sam. Więcej roboty ale da się na pewno.
Ja w pracy pracuję na monitorze, gdzie rozdzielczość jest 800x600. W przypadku wewnętrznego programu to nie przeszkadza, bo jest do takiej właśnie przystosowany, natomiast jeśli chcę coś sprawdzić w zasobach sieci, to już się robią klocki. Masa suwaków.
Prawdziwy webmaster buduje witrynę tak, aby była wyświetlana prawidłowo w każdej przeglądarce i w każdej rozdzielczości. A co mają powiedzieć osoby korzystające z telefonów komórkowych?

Bardzo ciekawe podejście do projektowania. Ty chyba webmasterowi powinno zależeć na tym aby jego strona działa poprawnie w każdej przeglądarce i pod każdą rozdzielczością. Czemu uważasz, że definiowanie za pomocą % sprawdza się tylko na stronach bez grafiki? Jakieś merytoryczne argumenty?
Realistyczne podejście. Za bardzo wchodzisz w szczegóły. Od pewnych rzeczy się odchodzi. Tak jak odeszło się od tworzenia stron po ie 5.5 tak też powoli odchodzi się od tworzenia stron na 800 na 600 bo juz mało kto takiej rozdzielczości używa. Po 2 nie każda grafika jest "powtarzalna" żeby można ja było wstawić w coś co będzie miało cholernie różne szerokości. Poza tym użytkowników o panoramicznych monitorach to przy rozdziałce 1400 (bądź więcej) będzie niesamowicie denerwować menu o długości ponad 300 px a czcionki taką małą "kupka" w porównaniu do reszty strony. Tworzę strony od dłuższego czasu i grafiki które dostaje nie da się złożyć podając szerokości procentowo ponieważ mają one określone szerokości w px i już.

A tab BTW to poszukaj w moim profilu tematu z moim layoutem. Tam procentowy jest tylko nagłółwek i stopka a jest to wartość.. 100 % :)

A co mają powiedzieć osoby korzystające z telefonów komórkowych? Opera mini i inne świetnie sobie radzą z px :) Poza tym pozostaje jeszcze WML

Natomiast procentowe zdefiniowanie wymiarów strony sprawdza się zawsze, bez względu czy jest grafika na stronie czy nie.
Mylisz się. Czytaj wyżej
Użytkownik polasek edytował ten post 27 czerwiec 2008, 18:49

Realistyczne podejście. Za bardzo wchodzisz w szczegóły. Od pewnych rzeczy się odchodzi. Tak jak odeszło się od tworzenia stron po ie 5.5 tak też powoli odchodzi się od tworzenia stron na 800 na 600 bo juz mało kto takiej rozdzielczości używa. Po 2 nie każda grafika jest "powtarzalna" żeby można ja było wstawić w coś co będzie miało cholernie różne szerokości. Poza tym użytkowników o panoramicznych monitorach to przy rozdziałce 1400 (bądź więcej) będzie niesamowicie denerwować menu o długości ponad 300 px a czcionki taką małą "kupka" w porównaniu do reszty strony. Tworzę strony od dłuższego czasu i grafiki które dostaje nie da się złożyć podając szerokości procentowo ponieważ mają one określone szerokości w px i już.

Tworzyc strony kazdy może troche lepiej a troche gorzej. Co do rodzielczości powyżej 1400 i szerokiego menu. Zawsze można zastosować em-y, proporcje zostaną zachowane pod każda rozdzielczością.
Od ie 5.5 już się odeszło bo jest to stara wersja. Tak samo teraz nikt nie sprawdza czy strona jest poprawnie wyświetlana w FF 1.5 i operze 7. Co do rodzielczości się nie zgodzę i tyle :) Wiem, że najłatwiej byloby napisać, że strona została dopasowana do FF 2.0 i rodzielczości 1024x768 ale po to CSS ma takie możliwości zeby dalo się zrobić we wszystkich przegląðarkach tak samo wyglądającą stronę.

A tab BTW to poszukaj w moim profilu tematu z moim layoutem. Tam procentowy jest tylko nagłółwek i stopka a jest to wartość.. 100 % :)

Opera mini i inne świetnie sobie radzą z px :) Poza tym pozostaje jeszcze WML
A co z resztą? Nie tylko telefony komorkwe są mobilnymi urządzeniami z dostępem do internetu.
Mylisz się. Czytaj wyżej

Sitedesign by AltusUmbrae.

Darmowy hosting zapewnia PRV.PL