+- 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ł: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: problem z marginesami [CSS] (/thread-problem-z-marginesami-css)
problem z marginesami [CSS] - Kruger24a - 20-04-2011
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 ].
RE: problem z marginesami [CSS] - Marys - 21-04-2011
Zobacz co się stanie po dodaniu overflow: hidden/ auto, tylko nie wiem gdzie bo z twojego kodu mało się da zrozumieć.
RE: problem z marginesami [CSS] - Kartofelek - 21-04-2011
dlatego, że to nie jest css3 i to nie jest IE6
Uzywaj albo: overflow:hidden, albo padding-top
RE: problem z marginesami [CSS] - Kruger24a - 21-04-2011
(21-04-2011, 01:07)Kartofelek napisał(a): dlatego, że to nie jest css3 i to nie jest IE6
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;
}
RE: problem z marginesami [CSS] - Kartofelek - 21-04-2011
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 ;/