[HTML][CSS]Wpływ div'a na swojego rodzica. Opcje

[Wicio]

Witam, bez zbędnych wstępów przejdę do sedna sprawy.

[HTML] pobierz, plaintext 
<div id="srodek">
        <span class="srodek_tekst">Ahio!</span>
        <div id="srodek2">
                <h2>AHIO</h2>
        </div>
</div>
 
<div id="srodek">
        <span class="srodek_tekst">Ahio!</span>
        <div id="srodek2">
                Ahio!
        </div>
</div>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
#srodek {
    text-align: right;
 
    margin: 10px auto;
    padding: 0px 2px 15px 2px;
 
    width: 1000px;
    background-color: rgb(82, 161, 226);
}
 
.srodek_tekst {
    padding-right: 15px;
 
    font-weight: bold;
    font-size: 50px;
 
    color: rgb(147, 196, 236);
}
 
#srodek2 {
    margin: 0px auto;
 
    text-align: left;
 
    background-color: rgb(255, 255, 255);
}
[CSS] pobierz, plaintext 

A, żeby zobrazować problem: http://wicio.webd.pl/c'mon/

Tekst wpisany w divie #srodek2, tak jakby oddziaływał na wysokość swojego rodzica czyli diva #srodek. Przekopałem kilka tematów, próbowałem dostosować porady do swojego problemu, ale klapa. Na przykładzie (2), gdy wielkość czcionki w divie #srodek2 jest defaultowa, jest ok. Problem zaczyna się przy zmianie jej wielkości.

O co chodzi? Jakaś wskazówka?

Pozdrawiam.

[prowseed]

Bo nie wykorzystujesz w css wszystkich wartosci, a h2 ma swoje domysle, jak na przyklad marginesy czy wysokosc linii. Zobacz sobie w dragonfly'u czy firebug'u jakie style sa dopisywane do poszczegolnych elementow przez przegladarke, albo je po prostu zresetuj, tu tak na szybko, ale znajdz sobie lepiej w necie po prostu jakis dobry plik reset.css

[CSS] pobierz, plaintext 
html, body, div, span, h1, h2, h3, h4, h5, h6, p, q, a, em, img, ul, li, form {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
[CSS] pobierz, plaintext 

//EDIT
o to mnie chodzi konkretnie
http://upload.maciejkwas.pl/plik4/Untitled-1.jpg

I oczywiscie oddzialuje na swojego rodzica (chociaz tak na prawde, to h2 oddzialuje w tym wypadku), bo rodzic nie ma zadeklarowanej absolutnej wysokosci, a wiec dobiera ja zgodnie z tym, co znajduje sie w srodku

Ten post edytował prowseed 27.12.2011, 23:18:41

[Wicio]

Działa ślicznie. Fakt, zapomniałem o tym, będzie trzeba poczytać i poszukać jakąś lekturę na ten temat. Pozdrawiam, do zamknięcia.