| Autor | Zpráva | ||
|---|---|---|---|
| Anonymní Profil * |
#1 · Zasláno: 15. 4. 2008, 18:52:20
Zdravím Vás. Po delší době řeším CSS problém, a to tento: Mám ve stránce jeden oddíl - šířka 950px, výška (zatím) 150px. V něm jsou 2 divy - levý a pravý - uděláno pomocí float:left (levý) a margin-left (pravý). V levém i v pravím divu je vždy jeden div absolutně pozicovaný na bottom.
Problém: při zvětšování písma v FF (v IE ne, ten má zřejmě jiný zvětšovací algoritmus) se vnitřní divy natahují směrem nahoru (což je samozřejmě v pořádku), ale při určitém zvětšení "vylezou" z rodiče směrem nahoru. Dá se udělat, aby když výška vnitřního absolutně pozicovaného divu (při zvětšování písma ! - jiný případ neřeším) přesáhne výšku rodiče, aby se celý rodič natáhl podle výšky vnitřního prvku ? Přikládám CSS kód:
#rodic {width:950px;}
#levy {float:left;
position:relative; /* abych mohl pouzit absolutni pozici pro vnitrek */
height:150px;
width:475px;
_width:472px;}
#pravy {position:relative;
height:150px;
width:475px;
margin-left:475px;
_margin-left:472px;}
#levy_in, #pravy_in {
width:400px;
position:absolute;
bottom:23px;}
V levém je nestejně vysoký obsah jak v pravém. Za případné nápady předem díky. Podotýkám, že jsem již něco zkoušel, ale zatím bez výsledku |
||
| Mufna Profil |
#2 · Zasláno: 15. 4. 2008, 18:55:37
Teď jsem zkusil dát rodiči min-height:150px, ale nepomohlo to
#rodic {width:950px; min-height:150px} |
||
| panther Profil |
#3 · Zasláno: 15. 4. 2008, 18:56:55 · Upravil/a: panther
Anonymní
(v IE ne, ten má zřejmě jiný zvětšovací algoritmus) v IE se height chová stejně jako všude jinde min-height Máš důvod mít #levy a #pravy relativně pozicované? Nestačilo by je jen nafloatovat? A stejně tak by se možná dali řešit lépe #levy_in a #pravy_in, myslím, že ani zde nemusí být pozicováno.. |
||
| Mufna Profil |
#4 · Zasláno: 15. 4. 2008, 18:59:38
panther
Máš důvod mít #levy a #pravy relativně pozicované? Právě že mám. Jinak bych oba nestejně vysoké vnitřní divy v levém a pravém divu nemohl napozicovat ke spodku tak jak to potřebuju #levy_in, #pravy_in { width:400px; position:absolute; bottom:23px;} |
||
| Mufna Profil |
#5 · Zasláno: 15. 4. 2008, 19:00:44
Ten Anonymní jsem taky já - Mufna - asi jsem nebyl přihlášen
|
||
| Mufna Profil |
#6 · Zasláno: 15. 4. 2008, 19:08:15
Pro Vaši představu, o co mi jde a jak to vypadá nezvětšené, přikládám obr.
|
||
| Mufna Profil |
#7 · Zasláno: 15. 4. 2008, 19:12:29
panther
Máš důvod mít #levy a #pravy relativně pozicované? Asi jsem to nevysvětlil pořádně. Ten rodičovský div je někde ve stránce, když vynechám position:relative, tak se absolutní pozice bude brát vzhledem k celému oknu prohlížeče (což nepotřebuju) |
||
|
Časová prodleva: 16 let
|
|||
0