| Autor | Zpráva | ||
|---|---|---|---|
| obywan Profil |
#1 · Zasláno: 14. 5. 2011, 11:15:32
Vím, že se to tu řeší stále, ale nevím si rady.
Potřebuju, aby se mi pravy sloupec roztahl podle levého. Ve všech prohlížečích mi to funguje kromě IE7. Jak to udělat,aby to fungovalo i tam? html:
<div id="levy"></div>
<div id="pravy">
<div style="clear:both;"></div>
</div>css:
#levy{
width: 200px;
float:left;
}
#pravy{
width: 500px;
margin-left: 200px;
position: relative;
}
|
||
| Jozin Profil * |
#2 · Zasláno: 14. 5. 2011, 12:18:12
Ahoj,
div s clear both nemá být v pravý. <div id="levy"></div> <div id="pravy"></div> <div style="clear:both"></div> takhle by to mělo fungovat i v IE7 |
||
| obywan Profil |
#3 · Zasláno: 14. 5. 2011, 12:50:14
Když je ten div venku, tak to právě nefunguje v žádném prohlížeči.
|
||
| Petr ZZZ Profil |
#4 · Zasláno: 14. 5. 2011, 13:23:55
Zkoušel jsem to jen v IE6 a má to (nejméně) jednu vadu na kráse (→ nižší sloupec musí mít stejnou barvu pozadí jako
#oba, aby se zdálo, že je stejně vysoký):
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Titulek</title>
<style type="text/css">
body { width:700px;}
#levy {
width: 30%;
float:left;
background-color:#0f0; }
#pravy {
width: 70%;
float:right;
background-color:#f00; }
#oba {
width: 100%;
background-color:#f00; }
#dole {
clear:both;
background-color:#00f; }
</style>
</head>
<body>
<div id="oba">
<div id="levy">
levý
</div>
<div id="pravy">
pravý
</div>
</div>
<div id="dole">
spodek
</div>
</body>
</html> |
||
| Keeehi Profil |
#5 · Zasláno: 14. 5. 2011, 15:11:04 · Upravil/a: Keeehi
Petr ZZZ:
„nižší sloupec musí mít stejnou barvu pozadí jako #oba, aby se zdálo, že je stejně vysoký“ Ano, ono to taky není o ničem jiném. Ty sloupce nejsou stejně dlouhé. Jenom se to tak jeví kvůli pozadí. A o tom to právě je. A proto taky nenastavuješ barvu sloupcům levy a pravy ale společné pozadí pro oba sloupce divu oba. |
||
| obywan Profil |
#6 · Zasláno: 14. 5. 2011, 20:58:18
Já právě, ale nemám stejné pozadí.
Když je div s clear:both uvnitř práveho sloupce tak to funguje jak potřebuju. Kromě IE, což potřebuju nějak vyřešit. |
||
| panther Profil |
#7 · Zasláno: 14. 5. 2011, 21:20:45
obywan:
dodej ukázku problematického webu. |
||
| Keeehi Profil |
#8 · Zasláno: 14. 5. 2011, 22:02:59 · Upravil/a: Keeehi
obywan:
„Já právě, ale nemám stejné pozadí.“ Máš, jenom o tom nevíš. Pozadí uděláš obrázkem. Vezmeš levé pozadí a k němu v nějakém grafickém editoru zprava připojíš pravé pozadí. A toto spojené pozadí nastavíš jako pozadí divu oba. |
||
| 1Pupik1989 Profil |
#9 · Zasláno: 14. 5. 2011, 22:40:48
Ja udelam levy, pravy a prostredni div, nastavim sirku a dodam jen height na 100%. Vyska se pak nastavi s obsahem prostredniho divu, pricemz minimalni vysku mam take nastavenou.
|
||
|
Časová prodleva: 13 let
|
|||
0