Autor Zpráva
jio
Profil
Dobrý večer,
můžete mi prosím poradit v čem je chyba v implementaci postupu uvedeném Vítkem Dlouhým v článku Dvousloupcová šablona s pevnou šířkou?

Použil jsem ho zde v blogspot.com a výsledek se rozpadne do nepoužitelného tvaru v IE7, Firefox i v Opeře. Viz link.

CSS:


#tabulka-main {
width: 400px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#tabulka-hlavicka-null {
width: 100%;
padding: 0;
border: 0;
}
#tabulka-hlavicka {
padding: 10px;
border: 1px solid #ccc;
background: #eee;
}
#tabulka-vpravo-null {
width: 250px;
float: right;
padding: 0;
border: 0;
}
#tabulka-vpravo {
padding: 10px;
border: 1px solid #ccc;
}
#tabulka-vlevo-null {
width: 150px;
float: left;
padding: 0;
border: 0;
}
#tabulka-vlevo {
padding: 10px;
border: 1px solid #ccc;
}
#tabulka-paticka-null {
clear: both;
width: 100%;
padding: 0;
border: 0;
}
#tabulka-paticka {
padding: 10px;
border: 1px solid #ccc;
background: #eee;
}


xhtml:

<div id="tabulka-main">
<div id="tabulka-hlavicka-null">
<div id="tabulka-hlavicka">
Hlavička
</div>
</div>
<hr />
<div id="tabulka-vpravo-null">
<div id="tabulka-vpravo">
Pravý panel
</div>
</div>
<hr />
<div id="tabulka-vlevo-null">
<div id="tabulka-vlevo">
Levý panel
</div>
</div>
<hr />
<div id="tabulka-paticka-null">
<div id="tabulka-paticka">
Patička
</div>
</div>
</div>
habendorf
Profil
To sis našel teda šperk :o)

Napiš to nějak normálně, 4 divy ti budou stačit.
jio
Profil
Já bych to rád "nějak normálně" napsal, jenže nevím jak. Proto prosím o pomoc tady.

Potřebuju nahradit tabulku se 2 sloupci, která je níže a která by mi plně vyhovovala. Bohužel ale každý vložený řádek v té tabulce vloží řádek nad tabulkou. A nenašel jsem způsob, jak to odstranit. Stačí tahnou kurzor myši odspodu tabulky a hned je vidět, jak naskakují prázdné řádky nad tabulkou.

No a to Dlouhého řešení, které jsem našel mi připadá svým výsledkem pro mou potřebu docela vhodné.

Teď jsem zjistil, že když tu tabulku zkomprimuju v PSPad, tak se ty řádky nad tabulku nevkládají. To ale patrně není do budoucna moc dobré řešení.
jio
Profil
Vyřešeno, bylo to nastavením v blogu.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: