Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]CSS strona się rozjeżdża się
Forum PHP.pl > Forum > Przedszkole
james8
Witajcie.

Zrobiłem strone w html i css. Nie nadawałem atrybutu wysokości dla div'ów.

Gdy strona nie przekracza wysokości monitora jest okey... problem natomiast pojawia się gdy długość strony wykracza poza długość monitora, wtedy całą strona przesuwa się w lewo.

Kurcze sam nie wiem co z tym fantem zrobić, może ktoś z Was podsunie mi jakiś pomysł?
cykcykacz
Wiele osób podsunie ci pomysł tylko pokaż kod.
james8
Znalazłem problem.

Problem tkwi w wysokości głównego diva.

Gdy ustawie jego atrybut: height na 2000px; wtedy strona nie skacze, jednak problem polega na tym, że jedne strony są krótsze a inne dłuższe, i sztywne ustawienie odpada.
Damonsson
Daj
Height: Milion px;
ohmy.gif
rossecki
Jeżeli oczekujesz pomocy i odpowiedzi... to może pokaż kod.. bo tak to nawet nie ma jak stwierdzić co sknociłeś w kodzie :/
james8
Cytat(cykcykacz @ 16.12.2011, 01:24:10 ) *
Wiele osób podsunie ci pomysł tylko pokaż kod.


Dobrze Panowie tak będzie prościej.

Strona mieści się pod adresem: computersystem.pl, gdy przechodzimy z zakładki strona główna do zakładki aktualności, strona przesuwa się w lewo. Doszedłem do tego, że problemem jest różna długość tekstu.

Dodając height np 2000px do diva TOP, problem znika, ale to nie jest dobre rozwiązanie. Macie może jakieś pomysły?

rossecki
yyy spróbuj usunąć z #TOP height:100%

Takie ustawienie powoduje że strona sobie automatycznie ustawia to co potrzebuje w zależności od wysokości (dopasowuje się, kiedyś miałem podobny problem.. i przy wartości Auto strona miała niestety tendencję do rozjeżdżania się smile.gif)
grzeee
Problem może tkwić w tym że masz jakiegoś diva nie zamkniętego i do tego pusty bajt na początku pliku
zobacz poprawnosc strony
james8
Cytat(rossecki @ 16.12.2011, 14:37:07 ) *
yyy spróbuj usunąć z #TOP height:100%


Usunięte, problem pozostał :/

Cytat(grzeee @ 16.12.2011, 14:42:39 ) *
Problem może tkwić w tym że masz jakiegoś diva nie zamkniętego i do tego pusty bajt na początku pliku
zobacz poprawnosc strony


Dziękuję grzeee, zacznę od poprawy błędów.

Co do pustego bajtu to bardzo możliwe, w kodzie źródłowym jest jakiś dziwny znaczek i trochę pustego miejsca, jednak jeszcze nie wiem jak to znaleźć...
rossecki
A tak z ciekawości.. spróbuj zwiększyć szerokość głównego kontenera o 10px.. i zobacz co się stanie tongue.gif
james8
Cytat(rossecki @ 16.12.2011, 15:04:17 ) *
A tak z ciekawości.. spróbuj zwiększyć szerokość głównego kontenera o 10px.. i zobacz co się stanie tongue.gif


Zwiększyłem TOP do 970 to miałeś na myśli? W sumie nie widzę różnicy nadal się przesuwa...
Damonsson
Przesuwa się, bo się scroll pojawia po prawej stronie, nic w tym nadzwyczajnego nie widzę.
james8
Błędy usunięte:

http://validator.w3.org/check?uri=http%3A%...Validator%2F1.2

Niestety strona nadal jeździ jak po lodzie wrrr...

Cytat(Damonsson @ 16.12.2011, 15:48:55 ) *
Przesuwa się, bo się scroll pojawia po prawej stronie, nic w tym nadzwyczajnego nie widzę.



Faktycznie, możesz mieć rację, z prawej strony pojawia się pasek przewijania, przez co strona przesuwa się w lewo!!!! BINGO!!!!

Dziękuje Panowie, szukałbym tego w nieskończoność, a problem okazał się bardzo prosty smile.gif
Damonsson
You made my day biggrin.gif
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.