[HTML][CSS]Uciekająca zawartość footera Opcje

[Generic]

Witam. Mam mały problem z footerem. Jego zawartość na przeglądarce Google Chrome jest prawidłowo wyświetlana, jednak na pozostałych informacje uciekają na dół. Co może być tego przyczyną i jak to naprawić? Poniżej wstawiam link z kodem jak to wygląda. Pozdrawiam.

http://jsfiddle.net/uHz5V/2

Ten post edytował Generic 26.04.2013, 13:30:34

[lobopol]

1. W przeglądarkach chrome/ff/ie9/opera wygląda tak samo
2. Nie powtarzaj id (footer_link) zmień na klasy
3. Jedyną różnicę możesz mieć w ie8- ze względu na brak elementów html5 (użyj html5shiv jak chcesz je wspierać)
4. Całkowicie bezsensowne jest takie stylowanie już lepiej w ten deseń http://jsfiddle.net/uHz5V/3/

[Generic]

Zrobiłem tak jak pisałeś jednak efekt nie jest zadowalający. Na wszystkich przeglądarkach jest z wyjątkiem IE10. Internet Explorer nadal wyśrodkowuje zawartość footera. Poniżej masz obrazy jak to wygląda na IE10 i Google Chrome.

IE10

(IMG:http://zapodaj.net/images/48284821a99c6.png)

Google Chrome

(IMG:http://zapodaj.net/images/8fd5c13fa7883.png)

Ten post edytował Generic 26.04.2013, 16:25:49

[lobopol]

Coś kręcisz, odpaliłem na ie10 i wygląda jak w pozostałych

[Generic]

Może inne elementy lub inny układ strony na to wpływać?

[ber32]

Witam

[PHP] pobierz, plaintext 
#content_footer
{
	width: 980px;
	margin-left: 250px;
}
[PHP] pobierz, plaintext 

[Generic]

ber niestety to też nie pomogło. Może zobaczcie jak to wygląda na stronie. Link poniżej. Pozdrawiam.

http://teeestowastrona.cba.pl/

[lobopol]

Szczerze to nie wiem czemu ci się krzaczy, na oko style są ok, ale się źle pozycjonują. daj tym linkom i p float:left powinny się ustawić, ale nie wiem czemu bez tego nie idą http://validator.w3.org/check?uri=http%3A%...ine&group=0 popraw, masz plik utf8 z bomem pozbądź się go (zmień kodowanie pliku na utf8 bez bom)


Ok

[HTML] pobierz, plaintext 
 
<div id="box_categories_questions">
						<img id="categories_questions_image" src="notes.png"/>
						<p id="categories_questions_header">Kategorie pyta??>
						<p id="categories_questions_text">Pouk?dane w taki spos??aby dociera? do w??iwych odbiorc??/p>
					</div>
 
[HTML] pobierz, plaintext 

bez tego elemenyu stopka wyświetla się prawidłowo

Style z jego boksów psują w ie

Ten post edytował lobopol 26.04.2013, 18:58:43

[mortus]

Dokładnie to chodzi o to, że używasz elementów z opływaniem (float), później tego opływania nie czyścisz (Google: clearfix css) no i musisz kombinować z marginesami, żeby resztę elementów poustawiać tak, jak trzeba. Tymczasem można zdecydowanie prościej i chyba lepiej. Nadużywasz atrybutów id, podczas gdy w dokumencie (X)HTML możesz mieć tylko jeden element o danym id (zresztą id to identyfikator, a ten musi być z natury unikalny, no i trzeba pamiętać, że id są używane w adresach url po # - http://teeestowastrona.cba.pl/#box_questions_and_interest). Do ostylowania elementów, które mają wyglądać tak samo używaj klas (np. categories_questions_header powinno być klasą, a nie identyfikatorem). section obejmujący całą "zawartość" strony jest raczej niewskazany, bo docelowo w sekcjach należy grupować elementy bezpośrednio ze sobą powiązane.

[Generic]

Dziękuje za dokładne przedstawienie błędów i dodatkowych wskazówek. Trochę tego jest więc zabieram się do poprawek.

Poprawiłem już stronę według waszych rad. Co prawda pomogło bo footer i jego zawartość nie ucieka. Pojawiły się jednak nowe problemy. Otóż gdy zmniejszę powiększenie strony elementy zaczynają uciekać na bok. Co może powodować te uciekanie i jak mogę to naprawić? Poniżej daje link do strony. Pozdrawiam.

www.teeestowastrona.cba.pl

Witam, odświeżam temat bo nadal nie wiem w jaki sposób zablokować te elementy żeby nie uciekały. Czekam na pomoc. Pozdrawiam.

[Mega_88]

Rozdziel w css login_panel i register_panel ,dla #login_panel daj float:left, a dla #register_panel float:right i zmniejsz szerokość o 1 px.

[Generic]

Zrobiłem tak jak mówiłeś. Działa to przy mniejszym pomniejszeniu strony. Natomiast jeśli zmniejsze o 67% zawartość strony nadal ucieka. Co jest nie tak?