Autor | Zpráva | ||
---|---|---|---|
BlastFX Profil * |
#1 · Zasláno: 27. 7. 2007, 12:44:28
jak mám přinutit dva divy uvnitř mateřskýho divu, aby se floatovaly k sobě navzájem a ne k mateřskýmu divu?
http://stahujvideo.wz.cz/pokusy/obsah.php?page=4 P.S.: všem divům sem dal rámečky, aby bylo líp vidět, co je špatně |
||
Plaváček Profil |
#2 · Zasláno: 27. 7. 2007, 12:56:29
BlastFX
Co kdybys zkusil i pravému sloupci dát float:left ? |
||
BlastFX Profil * |
#3 · Zasláno: 27. 7. 2007, 13:04:32
díky
a teď ještě, nevíte někdo, jak ten pravej div přinutit, aby se roztáhul až do konce mateřského divu? |
||
Scrand Profil * |
#4 · Zasláno: 27. 7. 2007, 18:40:12
Zkus tohle staci pridat do main-content width: 100%;
#main-content { margin:0; padding: 0.5em 1em; font-size: 15px; width: 100%; } |
||
Časová prodleva: 5 dní
|
|||
BlastFX Profil * |
#5 · Zasláno: 1. 8. 2007, 14:20:08
no jo, jenže tim se div main-content roztáhne na 100% šířky divu main a ten je malej.
divu main navíc nemůžu nastavit pevnou šířku, protože pak by docházelo k rozdílnému zobrazení při různém rozlišení. |
||
Plaváček Profil |
#6 · Zasláno: 1. 8. 2007, 14:38:43
BlastFX
Zkus #main předefinovat takto: #main { margin:0 0 0 300px; padding:0; } Ale čistě mezi námi, budeš mít problém s tím IFRAME v levém boxu, nemůže mít totiž šířku 300px, když vnořenému bloku do #sidebar nastavuješ levý a pravý padding. |
||
BlastFX Profil * |
#7 · Zasláno: 1. 8. 2007, 16:49:51
když dám levý okraj 300px, tak se mi celý div #main vecpe až pod #sidebar, takže v levym hornim rohu mam menu a v pravym dolnim obsah, což vypadá ještě hůř, než před tím :-(
jediné o co se teď snažím je, donutit #main, aby byl roztažený až po konec #content, ale přitom zůstal vedle #sidebar. napadlo mě, dát mu margin-left:300px; a absolutním pozicováním honatlačit k pravému hornímu rohu, ale absolutně pozicované objekty jsou ignorovány ostatními bjekty, takže když by osah byl delší, než menu, tak by byl překryt #paticka a naopak, kdybych použil absolutní pozicování u #sidebar, tak v prvních dvou stránkách by zase on byl překryt #paticka, ale to už je beztabulkový layout-tak jsem se to pokoušel vyřešit dřív, ale ukázalo se to být bezvýsledné :'( |
||
Plaváček Profil |
#8 · Zasláno: 1. 8. 2007, 19:26:28
BlastFX
No, možná to celé děláš špatně. Zkus se inspirovat zde http://wellstyled.com/singlelang.php?lang=cs&page=css-2col-fluid-layou t.html Pixy tam sice řešil pozadí boxů, ale celé řešení ti poskytne návod, jak to poskládat. Tvou práci za tebe dělat nemohu, mohu tě jenom nasměrovat. |
||
BlastFX Profil * |
#9 · Zasláno: 2. 8. 2007, 20:19:50
tímhle jsem se inspiroval původně (pozůstatky zde zveřejněného css souboru jsou viditelné i v tom mém)
problém byl v tom, že ostatní objekty ignorují ty, které jsou absolutně pozicované, takže když #main byl kratší, než #sidebar, #paticka se nalepil na konec main, a překrýval #sidebar. ani po několika měsících jsem nebyl schopen vymyslet komplexní řešení, tak jsem se rozhodl zapomenout na pozicování a vyřešit to pomocí float, kde se vyskytl výše zmiňovaný problém :-( |
||
Plaváček Profil |
#10 · Zasláno: 2. 8. 2007, 20:39:21
BlastFX
Já už nevím, jak ti poradit. Tady přeci máš řešení jako na dlani: http://www.wellstyled.com/files/css-2col-fluid-layout/example2.html |
||
Časová prodleva: 6 dní
|
|||
BlastFX Profil * |
#11 · Zasláno: 8. 8. 2007, 19:10:05
jo?
a kde tu máš patku širokou jako oba divy? |
||
bukaj Profil |
#12 · Zasláno: 9. 8. 2007, 08:54:08
BlastFX
Možná by se hodilo, kdybys nakreslil obrázek, jak to má nakonec vypadat. Pak by bylo všem jasné co vlastně chceš... |
||
Časová prodleva: 17 let
|
0