[CSS][HTML]Dostosowywanie rozdzielczości Opcje

[simonX]

Właśnie jak wy to robicie że niezależnie od rozdzielczości Wasza strona wyświetla się prawidłowo?

[wookieb]

Ponieważ unikamy przesadzania z position: absolute i innych głupot typu strona na 100%.

Wszystko zależy jaki masz layout.

[simonX]

No dobra a co z pozycjonowaniem relatywnym i w jakiej rozdzielczości robicie Layouty?

[wookieb]

Zacznijmy od tego, że layoutu nie robi się na rozdzielczość tylko na szerokość.
Po drugie zależy jaki typ layoutu, do czego, grafike, tła itd.
Po trzecie polecam css według erica meyera a tam jest wszystko wyjasnione.

A tak naprawdę to nie robi się czegoś takiego jak layout pod określoną rozdzielczość, ponieważ jest ich tak dużo, że robienie pod nie stałoby się najnudniejszą czynnością webmastera.

Ten post edytował wookieb 31.01.2010, 22:03:52

[simonX]

Ehh... no dobra to ja chcę się dowiedzieć jak ty to robisz? na jaką szerokość?

[wookieb]

Masz 950px szerokości, standardem jest 1024 x 768 w rozdzielczosci monitorow.
1024 - 950 - 20 na suwak = 44 px na widocznosc tla i jest ok.

[simonX]

Chyba robiłem już jakiś projekt z taką szerokością i o ile pamiętam nie było za dobrze na innym monitorze.

[wookieb]

Wiec w takkim razie, źle taki layout złożyłeś. Pokaz go (plus html) to powiemy Ci co zrobiłeś źle.

Ten post edytował wookieb 1.02.2010, 07:47:36

[thek]

Ja osobiście kombinuję w zależności od "humoru" (IMG:style_emoticons/default/winksmiley.jpg) Albo standardowe "960" albo gdy ma to być elastyczne to "fluid layouts" Przykład drugiego?
3-kolumnowy standard:

[HTML] pobierz, plaintext 
<div id="left_col">Ble</div>
<div id="right_col">Ble</div>
<div id="center_col">Ble</div>
[HTML] pobierz, plaintext 

Cała sztuczka polega na dobrym pliku CSS.

[CSS] pobierz, plaintext 
div#left_col {
float:left;
width:200px;
}
div#right_col {
float:right;
width:200px;
}
div#center_col {
margin-left:200px
margin-right:200px;
}
[CSS] pobierz, plaintext 

Gdzie marginy w center_col to szerokości sumaryczne dla kolumn po lewej i prawej. Można pchać po obu stronach ile chcesz, ważne by suma szerokości kolumn pływających to były marginy left i right dla center.