Wczoraj zacząłem przygodę z HTML i CSS, więc moja wiedza jest jak na razie uboga. Mam problem, bo gdy przybliżam lub oddalam stronę, wszystko mi się rozjeżdża i tylko Nagłówek zostaje na swoim miejscu. Męczyłem się nad naprawieniem tego i niestety nie udało mi się. Więc mam prośbę. Sprawdzi mi ktoś kod strony i css-a oraz podpowie co jest nie tak?
@Mrowa96, ustaw szerokość #CONTAINER na 1252px, to będzie minimum w przypadku wyświetlania Twojej strony dla Google Chrome, ponieważ ta przeglądarka dość dziwnie skaluje przy powiększaniu/pomniejszaniu, np. jak pomniejszasz, dodaje kilka pikseli do szerokości elementów i jak pomniejszysz swoją stronę maksymalnie to suma lewej i prawej części jest równa 1252px, więc jeśli dasz szerokość poniżej tej wartości, w którymś momencie zawinie stronę. Wartość ta powinna również nieco zniwelować przesunięcie w lewo (oczywiście jeśli zastosujesz z “automatycznym” marginesem), jeśli nie będzie to wystarczające, to jakiś “trik” się wymyśli (np. z “@media screen and (-webkit-min-device-pixel-ratio:0)”…)
Ja mam podobny problem: Do tej pory mam strone, baner i belkę z górnym menu o szerokości 960px. :
oraz
czyli ogólny div lewego menu w CSS m in. body { background-color: #eeeeee; } * { padding 0; margin 0; text-decoration: none; } #kontener { width 960px; margin: 0 auto; } #baner { margin-top: 10px; width: 960px; height: 122px; } #lbok { width: 139 px; float: left; }
Oczywiście Baner i belka mam prawidłowo na środku, a div lbok rozjeżdża i ucieka całkiem w lewo. Nie podawałem reszty kodu tylko divy powiązane bezpośrednio.