Autor Zpráva
michalka44
Profil
Zdravím vás odborníci,
promiň, že vás obtěžuji, ale potřebovala bych poradit s pár "maličkostmi"... V IE 6 se mi celá stránka nezarovnává doprostřed, ale doleva... V Mozille se mi pozadí zobrazuje pouze tam, kde je text, ale jelikož v levém sloupci chci mít Nové informace, v pravém sloupci Různý text, chtěla bych, aby pozadí končilo zároveň a ne podle textu, jelikož nikdy nebudu mít stejný počet řádků v obou sloupcích.. ale tohle mi dělá jen v Mozille, nevím proč, tak jestli byste mi mohlli poradit.. V opeře s tím nejsou žádné problémy, jde mi to v ní skvěle.

CSS
body
{
behavior: url(csshover.htc);
}
#obrazek
{
background-image: url(SnipS2.jpg);
height: 300px;
width: 792px;
}

#hlavni_strana
{
width: 800px;
margin: 0 auto;
padding: 10px;
background: black;
}

#menu, ul
{
color: white;
padding: 0;
margin: 0;
list-style-type: none;
text-align: center;
font-family: arial, san serif;
}

#menu ul
{
margin-top: 6px;

}

#menu li
{
float: left;
padding: 6px;
width: 120px;
background-color: black;
}

#menu a
{
color: white;
background-color: transport;
display: block;
border-bottom: 3px solid white;
text-decoration: none;
font-weight: bold;
}

#menu ul a
{
border-bottom: none;
border-left: 1px;
border-right: 2px;
padding-left: 2px;
}

#menu ul a:hover
{
color: blue;
border-left: 5px solid white;
border-right: 1px solid white;
background-color: #ffffff;
}


#menu li li
{
float:none;
border:none;
padding:0;
}

.text
{
color: white;
text-align: justify;
font-family: arial, san serif;
float:left;
width:600px;
background:black;
margin: 1px;
padding: 12px;
}

:link
{
color: white;
}

:visited
{
color:white;
}

#informace
{
text-align: justify;
font-family: arial, san serif;
float: left;
width: 140px;
background: black;
margin: 1px;
padding: 12px;

}

.podnadpis
{
font-style: normal;
color: red;
text-align: center;
}

.podnadpis_text
{
color: white;
text-align: justify;
font-family: arial, san serif;
}

HTML
<body>

<div id="hlavni_strana">
<div id="obrazek">
<a href="index.html">&nbsp;</a>
</div>
<div id="menu">
<ul>
<li><a href="index.html">Domů</a></li>
<li><a href="o_mne.html">O mně</a></li>
<li><a href="mp3.html">Mp3s</a></li>
<li><a href="fotografie.html">Fotografie</a></li>
<li><a href="prispevky.html">Příspěvky</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>
</div>
<div class="text">
<p>
Tady bude text...
</p>
</div>
<div id="informace">
<h3 class="podnadpis">Nové informace</h3>
<p class="podnadpis_text">Informace o.. bla bla blaInformace o.. bla bla blaInformace o.. bla bla blaInformace o.. bla bla blaInformace o.. bla bla bla<br />
Informace o.. bla bla blaInformace o.. bla bla blaInformace o.. bla bla bla
</p>
</div>
</div>

</div>
</body>
KGW
Profil
Zkus přidat
body { text-align: center; } 
panther
Profil
michalka44
V Mozille se mi pozadí zobrazuje pouze tam, kde je text, ale jelikož v levém sloupci chci mít Nové informace, v pravém sloupci Různý text, chtěla bych, aby pozadí končilo zároveň
hledej „dvousloupcový layout se stejnou délkou panelů“
Bubák
Profil
Další problém je, že nikde v kódu nevidím "čistič", float je potřeba "vyclearovat".
www.pixy.cz/pixylophone/2003_12_archiv.html#1071056082
panther
Profil
michalka44
jak tak koukám do toho tvého kódu, tak:

font-family: arial, san serif;
správně je „sans-serif“

background-color: transport;
správně je „transparent“

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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