Problem s CSS?
7 příspěvků
Archiv diskusního fóra
Fórum je uzavřené a slouží pouze ke čtení. Některé informace mohou být zastaralé.
-
Snazim se predelat stranky z tabulek na CSS, ale narazil jsem na problem. Mam styly: #komplet {background-color:#900; width:750px; margin:0px auto;} #hlavicka {height:100px; border-bottom:2px dotted #c66;} #levy {float:left; width:138px; padding-top:5px; padding-bottom:5px; padding-left:5px; padding-right:5px; text-align:left; background:#900; // kdyz to tu neni, tak ta cast nema zadny pozadi border-right:2px dotted #c66;} #stred {float:left; overflow:auto; width:576px; background-color:#c66; padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; text-align:justify; background:#c66; border-top:2px solid #900; border-bottom:2px solid #900; border-left:2px solid #900; border-right:2px solid #900;} html vypada asi takhle: <body> <div id="komplet"> <div id="hlavicka" title=""> <img src="img/top.jpg" alt="" width="750" height="100" border="0"> </div> <div id="levy"> MENU </div> <div id="stred"> OBSAH </div> <div id="paticka"> ukonceni </div> </div> </body> Problem je v tom, ze kdyz menu (<div id="levy">) zabira 3 radky a OBSAH treba 20, tak u menu je pozadi pouze u tech 3 radku a u zbylych 17 se barva pozadi neukaze. Tenhle nedostatek dela FireFox (obrazek je na <http://znc.wz.cz/problem.jpg>). Opera i MSIE to ukazujou tak jak bych myslel, ze to ma bejt. Snad to neni tak debilne napsany, ze by to nikdo nepochopi. Diky
-
Nebude to chyba Mozilly ?
-
Ja si taky myslim, jenze jak vsichni rikaj, ze Mozilla nebere ohledy na odlisnosti (je hrozne stri(y)ktni), takk prave nevim jestli za to muzou pani od Netscapu nebo Microsoftu?
-
Nechci nic rikat, ale me to tak (jak rikas chybove) ukazuje i MSIE. Problem tedy neni v prohlizeci, ale ve strance. Nevidim nikde definici vysky tveho menu (id="levy"). V tom bude asi zakopany ten prislovecny pes.
-
CSS není tabulka :-) A to, co chceš, je vlastně vizuální simulace tabulkového layoutu. Existuje snadné a mírně brutální řešení pro pevný layout: udělat tu barvu jako obrázek na pozadí pro #komplet... Docela hezké a moderní mi přijde nenapodobovat chování tabulky, ale nechat menu i opticky skončit tam, kde končí jeho obsah. A obsah širšího sloupce ho vespod může klidně obtékat.
-
Beru na vedomi Freya: Jsem koukal jak to mas Ty, a rekl bych, ze to mam stejne reseny, jenomze Tobe to jaksi funguje. Uz jsem u toho skoro brecel, ale nevyresil jsem to. Ale Diky
-
je to uplne jednoduche staci ten div roztiahnut do dola a to : height: 250px (alebo heigth - neviem jak sa to spravne pise po anglicky) jedna pomocka ak mas : padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; mozes to zjednodusit na padding: 10px :)