Autor Zpráva
halogan
Profil
Dobry den,
snazim se vyresit problem s co nejmensim poctem divu:
mam vedle sebe dva divy, ktere jsou uvnitr jednoho divu s neurcitou sirkou. Potrebuji, aby oba divy mely pozadi jine nez parent div a aby byly stejne siroke. Sirka obou musi davat dohromady 100 % - 10px, protoze mezi nimi musi byt mezera 10px.

Jak to udelat? Tot otazka na vas. Napada me jen ten prvni dat do divu, kteremu stejne jako tomu druhemu dat 50 % sirku a tomuto "navic" divu hodit pravy padding 10px. Reseni, uspesne, lec prasacke. Je nejake jine?

Diky kdyztak.
Peca
Profil
Co je prasáckého na nastavení padding 10px? Ale aby nebyl problém s pozadím, tak bych spíš tomu pravému dal levý padding 10px a to pozadí v něm posunul taky o těch 10px. Žádná matrjoška v tom není.
halogan
Profil
Peca: je v tom prasarna, ze tam budu ten jeden z divu obalovat dalsim divem, to mi prijde trochu moc divu.
habendorf
Profil
Na dva divy to řešitelné je. Pokud ale mají sloupce mít i stejnou výšku, budeš potřebovat třetí div.
Timy
Profil
halogan
tomu druhemu dat 50 % sirku a tomuto "navic" divu hodit pravy padding 10px. Reseni, uspesne, lec prasacke.
IMHO hlavně řešení nefunkční, protože v tom paddingu bude pozadí z toho vnořeného divu, ne z rodičovského, nevytvoříš tam tu "škvíru".

Potrebuji, aby oba divy mely pozadi jine nez parent div a aby byly stejne siroke.
Navíc jeden div bude mít 50% a druhý 50%-10px, tudíž nebudou stejně široké.

No, jde to takhle:

<body style="background:red">
<div style="width:50%;float:left;height:200px;">
<div style="height:200px;background:green;margin-right:5px">
</div>
</div>
<div style="width:50%;float:right;height:200px">
<div style="height:200px;background:blue;margin-left:5px">
</div>
</div>
</body>

Kratší řešení mě zrovna nenapadá.
habendorf
Profil
halogan: Tak co, už víš jak to udělat na 2 divy :o) ?
Toto téma je uzamčeno. Odpověď nelze zaslat.

0