Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
problem z marginesami [CSS]
#1
Witam mam problem niechce opisywac co i jak wole pokazac na tym przykladzie [link]http://www.profis.cba.pl/proba/proba.html
W firefox margines zewnetrzny dla div id="aa" powoduje odstep od div="okienkogora" w postaci wyraznej przerwy(w tym wypadku 22px) nie rozumiem dlaczego? dodam ze w dreamweaver wyglada ok.dlaczego margines nie odbywa sie tylko w sekcji div id="tresc"

[ code] [HTML]

<div id="cialo">
<div id="okienkogora"> </div>
<div id="tresc">
<div id="aa">Content for class "aa" Goes Here</div>
</div>
<div id="okienkogora1"> </div>
</div>
[/code] [HTML]

[ code] [css]
@charset "utf-8";
* {
margin: 0px;
padding: 0px;

}
body{

background-color: #0c5d86;
}
#cialo #tresc {
background-color: #bcae84;
width: 858px;
height: 555px;
}
#cialo #tresc #aa {
background-color: #006699;
width: 500px;
color: #FFFFFF;
font-weight: bold;
font-style: italic;
margin-top: 22px;
}


#cialo {
margin-right: auto;
margin-left: auto;
width: 858px;

}
#cialo #okienkogora {
background-image: url(pg_t.png);
background-repeat: no-repeat;
width: 858px;
height: 14px;
background-color: #bcae84;
}
#cialo #okienkogora1 {
background-image: url(box_wa_b.jpg);
background-repeat: no-repeat;
width: 858px;
height: 31px;
}
[ / code ].
Odpowiedz
#2
Zobacz co się stanie po dodaniu overflow: hidden/ auto, tylko nie wiem gdzie bo z twojego kodu mało się da zrozumieć.
Odpowiedz
#3
dlatego, że to nie jest css3 i to nie jest IE6 Smile
Uzywaj albo: overflow:hidden, albo padding-top
Odpowiedz
#4
(21-04-2011, 01:07)Kartofelek napisał(a): dlatego, że to nie jest css3 i to nie jest IE6 Smile
Uzywaj albo: overflow:hidden, albo padding-top


hm dziala dodalem ten overflow:hidden do

Kod:
#cialo #tresc {
    background-color: #bcae84;
    width: 858px;
    height: 555px;
        overflow:hidden;
}
i dziala ale czemu?:d no nic ale dziekiSmile
Odpowiedz
#5
bo normalnie divy maja overflow:visible, a to powoduje, ze dzieci maja wplyw na ich wyglad = margines dzieci wplywa na polozenie rodzica.
Troche z bani, ale jak widzisz wcale nie jest trudno to obejsc. Polecam też zapoznać się z css clearfix, bo overflow:hidden jest czasami baaardzo problematyczny ;/
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Problem z marginesami? defox 3 2,867 11-11-2009, 15:40
Ostatni post: dziamber
  Problem z marginesami plywajacego diva suppositoria 2 2,465 14-04-2009, 04:27
Ostatni post: Labsta.com

Skocz do:


Użytkownicy przeglądający ten wątek:
Sponsorzy i przyjaciele
SeoHost.pl