+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Przeskakujący blok (/thread-przeskakujacy-blok)
Przeskakujący blok - Member - 26-06-2009
RE: Przeskakujący blok - pixel - 26-06-2009
No to CSS musi być amatorski jeśli tak prosta rzecz Cię trapi. Pokaż diva odpowiedzialnego za lewy (główny) blok. Wtedy podpowiem co masz zmienić (mam skromną nadzieję że to nie jest na tabelkach, a na divach).
RE: Przeskakujący blok - Member - 26-06-2009
(26-06-2009, 16:49)pixel napisał(a): No to CSS musi być amatorski jeśli tak prosta rzecz Cię trapi. Pokaż diva odpowiedzialnego za lewy (główny) blok. Wtedy podpowiem co masz zmienić (mam skromną nadzieję że to nie jest na tabelkach, a na divach).
Dla wyjaśnienia: "Tasują" się divy ".column" (to ten prawy pasek) i "#column_wide" (to ta główna treść).
Kod:
@import 'base.css';
p { line-height: 1.6em; text-align: justify;}
#slideshow {position:relative; margin: 10px 4% -10px 4%;}
#slideshow img {display:block; background: url(../images/index/slideshowbg.png); padding:10px;}
.column {margin: -5px 0 0 0; padding-bottom: 30px; width: 190px; float:right; background: #ebebeb url(../images/index/pasek_bottom.png) no-repeat bottom;}
.column p {font:.85em georgia,serif; line-height: 120%; margin:0 10px 0 10px}
.column hr {width:60%}
.column h4 {background: url(../images/index/pasek_top.png); height:30px; margin:0px;}
.column h2 {margin-top:0px;}
#column_wide {margin:30px 200px 0 10px;}
#column_wide a {background:url(../images/index/linia.png) repeat-x bottom; text-decoration:none; padding-bottom:1px}
#subskrypcja {background: url(../images/index/subsk_ramka.png) no-repeat; margin-bottom:10px; width:190px; height:108px; line-height:115%;}
#subskrypcja p {padding-top:11px; text-align: center; font-size: 0.9em; }
blockquote {font-style: italic; text-align:justify; color: #191970;}
.links {text-align:center; margin:0 auto;}
.links a {color:black; font-size:10px;}RE: Przeskakujący blok - pixel - 26-06-2009
Niby w miarę ok, tym bardziej że nie zaobserwowałem tego typu zmian na stronie, jaką masz wersję przeglądarki?
RE: Przeskakujący blok - Member - 26-06-2009
Firefox 3.0.11
Dopóki wydawało mi się że to tylko na jednym komputerze to olałem sprawę ale okazuje się że to nie tylko u mnie.
Czasem wygląda jak powinna ale często jest rozjechana a po odświeżeniu już jest ok.
RE: Przeskakujący blok - Member - 05-08-2009
Te dwa divy były "równolegle". Wrzuciłem div z wąską kolumną do diva z szeroką kolumną i już nie zauważam takich przeskakiwanek. Dzięki.