Problem s CSS?

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 :)

← Zpět na všechna témata

Nové příspěvky

Smazani stranek index.html ) HTML Tabulky Zalamování textu pomocí CSS Přesměrování Arduino - 400 Bad Request Nastavení českých písmen POMOC! po druhé! Pozicování (obrázek na střed). Jak vycentrovat obrazek, ktery je v prikazu absolute ? Použití tvůrce webu katalog async functions' is only available in es8 (use 'esversion: 8') Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0 Problém s načítáním Div pro reklamu překrývá prvky webové stránky Nezobrazuje se mi lišta s reklamou ako nahrám na môj web favicon? JavaScript - nečitelný soubor *.js - jak prohlížet/editovat Problém s textem videostream index.html GB///refresh///JS Total Commander - server nenalezen Mobilní verze webu

Další témata

Webzdarma zvládnete to sami

Problem s CSS?

Nové příspěvky