Przeskakujący blok

[Member]

[pixel]

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).

[Member]

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;}

[pixel]

Niby w miarę ok, tym bardziej że nie zaobserwowałem tego typu zmian na stronie, jaką masz wersję przeglądarki?

[Member]

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.

[Member]

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.