PDA

Zobacz pełną wersję : Odstęp między dwoma divami


s87
03-03-2011, 19:04
Mam mały problem.

Nad contentem joomli dodałem nową pozycje modułu.

Skopiowałem dokładnie kod html oraz style. By ten moduł nad zawartością contentu wyglądał tak samo(tylko miał inny kolor tła).

Problem w tym, że mimo skopiowania, powielenia stylu moduł ten się rozjeżdża, a właściwie posiada odstęp, który nie jest nigdzie zdefiniowany.



Proszę o pomoc.
nikszal
03-03-2011, 19:11
Nad nim masz klasę .clear o wysokości 20px i to jest ten Twój problem.
s87
03-03-2011, 19:20
No właśnie przeglądałem Firebugiem ten clear i nawet jak usuwałem wysokość to nic się nie zmieniało, a jak z kodu usunąłem diva z clearem to w ogóle się posypało. Chciałem zaznaczyć, że ten problem to chyba tylko w Chromie i Operze jest, ale nie mam pewności.
nikszal
03-03-2011, 19:24
Zamiast 20px ustaw 1px i sprawdź efekt na różnych podstronach.
s87
03-03-2011, 19:30
Tak też zrobiłem. Odświeżałem stronę kilka razy ctrl + F5 i nic to nie dało.

Chciałem dodać, że na innych podstronach to działa. Jeśli wejdzie się w dział o nas, ponieważ tam jest co innego. Zauważ, że tło jest inne i jest to typowy content joomli.

Na stronie głównej jeszcze 5 minut temu też był ten content ,a nad nim moduł ze wstążką. Oba mają ten sam styl css ,a tylko jeden się rozjeżdza.

Oglądasz to na chrome?
nikszal
03-03-2011, 19:50
Nic się nie rozjeżdża. W pozycji user1 i user2 masz obrazki tła wysokie na 360px. Te obrazki są wyższe bo na dole są przeźroczyste i tego nie widać. Pod nimi jest klasa .clear wysoka na 20px, a pod nią moduł promo z górnym marginesem na 20px. To jest twój problem. Zrezygnuj albo z wysokości w klasie clear, albo z górnego marginesu modułu promo, albo z obu jednocześnie.
s87
03-03-2011, 19:58
Moduł promo ma górny margines 10px, a nie 20. Ok zrobię tak jak powiedziałeś. Usunę margin-top: 10px z modułu promo i wstawię screena.

Tak wygląda styl modułu promo:

#promocja_top {
width: 1118px; min-height: 206px; background: url("../images/promo_top.png"); background-repeat: no-repeat;
}
#promocja_topc {width: 1078px; margin-left: 20px;}

#promocja_bottom {
width: 1118px; height: 54px; background: url("../images/content_bottom.png");

Usunąłem też margines klasy .clear i wciąż to samo.


Już nie wiem gdzie tkwi problem.
s87
07-03-2011, 16:30
Dobra. Poradziłem sobie z tym, dzięki.
nikszal
07-03-2011, 16:34
Dobra. Poradziłem sobie z tym, dzięki.
:lol: :) :D :p

"Poradziłem sobie"... dobre...