Autor Zpráva
Maxim
Profil *
Zdravim,

mám patičku z dvou divů... jeden má 100% šířku aby se natahovaly levý a pravý okraj
druhý div je v něm vnořený a je tam obrázek jako pozadí, no a ještě do toho vnořenýho divu potřebuju napsat nějakej text a ten potřebuju na střed... chci to udělat pomocí margin, ale když dám margin-top tak to místo textu odsadí to pozadí.... a to samé to dělá když dám text do dalšího vnořeného divu a tomu nastavím margin... můžete mi poradit co s tim?

<div id="footer_obal">

<div id="footer">

AT Motosport 2009 all right reserved

</div>

</div>

div#footer_obal {
margin: 0px auto;
width: 100%;
height: 44px;
background-color: #696969;
}

div#footer {
margin: 0px auto;
width: 1000px;
height: 44px;
background-image: url('images/footer.gif');
background-repeat: no-repeat;
}
Maxim
Profil *
vyřešeno.. už nepište...
Maxim
Profil *
vyřešeno už nepište...
Plaváček
Profil
Zkus tohle:

<div id="footer_obal">

<div id="footer">

AT Motosport 2009 all right reserved

</div>

</div>

div#footer_obal {
margin: 0px auto;
width: 100%;
height: 44px;
background-color: #696969;
}

div#footer {
margin: 0px auto;
width: 1000px;
height: 44px;
line-height: 44px;
white-space: nowrap;

background-image: url('images/footer.gif');
background-repeat: no-repeat;
}

(Uvedené řešení nebude korektně fungovat, pokud budeš mít text na více řádků)
Maxim
Profil *
tenhle fígl znám... ale bohužel jsem tam měl těch řádků víc.., ale to už sem vyřešil... ale neustále řešim další problém... mam dva divy v sobě vnořený

<div id="novinka_obal">

<div id="novinka_nadpis">

text nadpisu

</div>

</div>

div#novinka_obal {
margin: 0px auto auto auto;
width: 595px;
height: 198px;
background-image: url('images/novinka_pozadi.gif');
}

div#novinka_nadpis {
margin: 20px auto auto auto;
width: 564px;
height: 50px;
background-image: url('images/novinka_nadpis.gif');
background-repeat: no-repeat;
}

jak je tam ten margin top 20 tak to mi furt blbne... místo aby to odsadilo ten druhej div (vnořenej) tak to odsazuje ten první (obal) v obalu neni žadnej text... pokud dám před ten vnořenej div třeba &nbsp; tak to funguje...
Maxim
Profil *
pokud dám do obalu border 1px tak se to taky srovná.... neznáte někdo jiné jednoduché a neviditelné řešení?
swah
Profil
#novinka_nadpis {
margin-top: 0;
}

#novinka_obal {
padding-bottom: 20px;
}

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: