Chybný layout? – CSS – Fórum – Programujte.com

Předem se omlouvám, ale myslím si že už jsem vyzkoušel snad vše a jelikož se CSS teprve učím , poprosil bych vás o radu.
Mám v html kódu vnořený style pro CSS layout, mám problém s levým sloupcem. Je tam jen menu vožené z externího CSS a cokoliv tam chci dát pod menu, menu se rozloží, více méně se rozpadne na nečitelné cosi. Jediné řešení, které bylo funkční byla vnořená tabulka pod ten sloupec, ale nevypadalo to hezky a hlavně by web nebyl validní. Jedná se o levý sloupec s CSS menu na www.podlesin.eu. Děkuji za jakýkoliv nápad či radu nebo alespoň říci kde mám chybu a já se pak sám pokusím ji opravit, vždyť chybama se člověk učí. Prosím nekamenovat. :)

Zkus převést jednotky px na ex/em u tabulky: <table style="width: 749px; height: 89px;"
a odkazů: a.tlacitko {....width : 160px; ....}
Vím že tohle tvůj problém neřeší,ale stránka pak bude při zvětšování vypadat konzistentně.
Taky je matoucí (při čtení kódu) že vlevo je vpravo a naopak.
Je výhodné menu koncipovat jako seznam odkazů - zkus to, zvláště pokud se obsah v levém sl. bude členit na samostat.části.
Opravdu nevím,v čem by mohla chyba být ...na css to nevypadá, jistý budu, pokud uvedeš CO a JAK ostylované tam vkládáš - uveď ten nefungující příklad , a taky prohlížeč.

Jinak převedl jsem a,table,input width/height na ex jednotky.
Přidal jsem pár ostylovaných bloků pod menu - a je to v pořádku.
Zmenšil jsem stránku ve FF (funkce TextSize v menu) a posílám Ti screenshot.

Jednou se mi rozsypalo menu kvůli špatnému kódování css (ale jen v IE).
Nebo něco se serverem...

To Petroff : Jo to vypadá efektně. Určitě se na to juknu. Já se ex jednotkám vyhýbal, ale začnu je tedy používat. Každopádně díky moc za radu. Moc mi to pomohlo. A pak že neexistujou hodný lidi. :smile2:

O den později: Tak chyba byla v kolidaci dvou CSS stylů. Jeden popíral druhý a proto se mi to rozhazovalo. Nyní už je to v pohodě i s funkčními CSS styly.

1.
Je to OK, ale jen pokud user nezmění velikost písma.
V EM-modelu dělají potíže prvky s px rozměry (obrázky,bannery).
Např. reklama google v lepším případě (FF) přeteče, v horším (IE) roztáhne sloupec do šířky a pak zobrazí sloupce pod sebe.
Napadly mě 3 způsoby ošetření, nejjednodušší (ale ne vždy použitelný) je nastavit obalu div.pravy { ..... overflow:hidden }
2.
Háže to 2 chyby v javascriptu:
[seznam] [ řádek 210 <script ....urchin.js>] Chybějící uzavírací tag </script> způsobí že se nespustí js počítadlo na dalším řádku[/seznam]
[seznam][ řádek 270 ErrorMsg = Reference to undefined variable: urchinTracker] Špatné pořadí bloků s JS způsobí volání funkce urchinTracker(); dříve než inicializace modulu urchin.js [/seznam]
Má to být takhle:

<div class="patka">

   . . .

<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>

<script type="text/javascript"> _uacct = "UA-2530073-2";  urchinTracker(); </script>

</div>



<script src="http://c1.navrcholu.cz/code?site=112074;t=o14" type="text/javascript"></script>

<noscript>

   . . . 

Prvek HR - pokud má mít shodný vzhled ve všech browserech, vyžaduje např. pro 2px čáru toto ostylování:

hr { margin: okraj 0; width: 100%; height: 2px; color: barva; background-color: barva; border: none; }