Autor | Zpráva | ||
---|---|---|---|
LastHunter Profil * |
#1 · Zasláno: 2. 12. 2006, 20:33:26
http://lasthunter.scorpions.cz/worms/
Je tam trisloupcovej layout. Levej sloupec float: left, pravej sloupec float: right, za nima v HTML kodu prostredni cast s textem, ktera spadne nakonec doprostred. Za nim je v kodu prazdnej div s clear: both a pod nim paticka (aby zacinala tam, kde konci nejdelsi ze sloupcu). V FF a Opere OK, IE mi dela to, ze zacatek prostredni casti s textem odsune az pod nejdelsi ze sloupcu. Dobre, posunu ho nahoru k hlavicce pomoci position: relative a top: -XXXpx;. No ale pokud se prodlouzi nektery ze sloupcu (napr. nekdo napise delsi editorial nebo pribyde polozka v menu), posune se o tu cast i ten sloupec s textem...:( Dobre, kdyz hodim position: absolute (bleee) s top: vyskahlavicky, je to OK, ale clear:both pak nebere vpotaz muj sloupec s textem a paticka zacina tam, kde konci delsi z leveho nebo praveho sloupce.... Nejake reseni? Predem dik. |
||
habendorf Profil |
#2 · Zasláno: 2. 12. 2006, 22:29:13
Vzhledem k tomu, že web má pevnou šířku, tak vůbec nechápu, proč nefloatuješ i střední sloupec. Dej všem třem sloupcům float:left, nastav jim šířky a je to. Na nějaký position se vykašli.
|
||
LastHunter Profil * |
#3 · Zasláno: 3. 12. 2006, 11:58:32
Tak jsem to upravil podle vaší rady a výsledek je katastrofický. Druhý a třetí sloupec jsou ve FF a Opeře posunuty na úroveň konce prvního sloupce a IE je opět mimo absolutně :(
|
||
habendorf Profil |
#4 · Zasláno: 3. 12. 2006, 13:07:45
Ale houby, tak tam musíš mít chybu.
html: <div class="left">text</div> <div class="middle">text</div> <div class="right">text</div> cleaner css: left, middle, right {float:left;overflow:hidden; width:šířka-levého-sloupce;} middle {width:šířka-středního-sloupce;} right{width:šířka-pravého-sloupce;} |
||
Časová prodleva: 17 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0