+- 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: css margin (/thread-css-margin)
css margin - hultay - 02-07-2011
Mam problem z ustawieniem marginesu. Utworzyłem div class="banner" w którym za tło podstawiam obrazek. W body mam margin: 0 auto;
Gdy próbuje utworzyć selektor dla akapitu w bannerze (div.banner p) i ustawić margines górny na 30px to przesuwa się nie wpisany tekst ale cały obrazek. Ustawienie position: absolute rozwiązuje problem ale to raczej nie o to chodzi.
Kod:
----css----
body
{
text-align: center;
margin: 0 auto;
}
div.banner
{
width: 100%;
height: 400px;
background: rgb(117,155,192) url(images/banner.jpg) center no-repeat;
margin: 0;
}
----html----
<div class="banner">
<p>Naglowek</p>
</div>
Ten sam problem mam z innymi elementami strony, pewnie zapomniałem o czymś podstawowym. Proszę o pomoc
RE: css margin - hieroshima - 02-07-2011
użyj line-height, albo padding
RE: css margin - hultay - 03-07-2011
Tylko chciałbym na przyszłość wiedzieć jak ustawiać elementy na stronie. Ciągle żyłem w przeświadczeniu, że jeśli jeden div zawiera się w drugim to ustawiając margines lub procentową szerokość odnoszę się do tego kontenera w którym element się znajduje i że rodzic się nie będzie przesuwał...
Mylę się ?
RE: css margin - Kartofelek - 03-07-2011
Jezeli rodzic nie ma overflow:hidden, wtedy marginesy dzieci wychodza poza rodzica.
RE: css margin - hultay - 03-07-2011
Dzięki, o taką odpowiedź mi chodziło
