Witam, rozjeżdzają mi się divy na stronie a nie wiem dlaczego. Prosze o pomoc to jest adres stronki: http://www.kosmos-astronomia.yoyo.pl (stronka jest jeszcze nie dokończona)
a to arkusz css:
@charset="iso-8859-2";
/* deklaracja body */
body {
background-image: url(grafikiglowna/tlo.gif);
margin: 0 auto;
font-family: Verdana, Sans-serif; /* krój czcionki dla całej strony*/
font-size: 12px;
position: relative;
}
/* deklaracja głównego kontenera */
#contener
{
margin: 0 0 4px 0;
width: 700px;
margin: 0 auto;
overflow: hidden;
color: #3B3B3B;
background-image: url(grafikiglowna/tlo.gif);
/* deklaracja loga */
}
#logo
{
clear: both;
height: 120px;
}
/* Tutaj zaczyna się deklaracja menu górnego */
dl#menugorne dt {
display:none;
}
dl#menugorne dd {
padding:0;
margin:0;
}
a.xmenu, a.xmenu:visited {
display:block;
width:5em;
height:3em;
background-image: url(grafikiglowna/tlo.gif);
text-decoration:none;
text-align:center;
color: #3B3B3B;
float: left;
}
a.xmenu span, a.xmenu:visited span {
display:block;
width:3em;
height:0.5em;
border-top:0.5em solid #CCCCCC; /* to s± kolory tła menu górnej czę¶ci */
border-left:1em solid #CCCCCC;
border-right:1em solid #CCCCCC;
border-bottom:0.5em solid #CCCCCC;
background: #e0e0e0; /* KOLOR NIE NAJECHANYCH MYSZˇ PRZYCISKÓW*/
overflow:hidden;
}
* html a.xmenu span, * html a.xmenu:visited span {
width:5em;
height:1.5em;
w\idth:3em;
he\ight:0.5em;
overflow:hidden;
}
a.xmenu:hover {
color: black; /* KOLOR LINKÓW PO NAJECHANIU MYSZKˇ*/
}
a.xmenu:hover span {
background: #9CD3D3; /* KOLOR PRZYCISKÓW PO NAJECHANIU MYSZKˇ */
}
/* Tutaj zaczyna się deklaracja menu lewego */
#menulewe { /* nasz div "menu" */
background-image: url(grafikiglowna/tlo.gif);
width: 105px; /* szerko¶ć menu */
padding: 3px; /* odległo¶ć menu od obramowania*/
border: solid black 1px;
float: left;
clear: both;
}
ul { /* element ul */
margin: 0; /* odległo¶ć menu od obramowania*/
padding: 0; } /* odległo¶ć menu od obramowania*/
#menulewe a { /* linki w menu */
font-family: Verdana, Sans-serif; /* krój czcionki */
font-size: 10px; /* wielko¶ć czcionki */
display: block; /* rodzaj wy¶wietlenia elementów */
width: 100px; /* szeroko¶ć */
padding: 3px; /* odległo¶ci linków */
color: #3B3B3B; /* kolor linków */
margin-top: 1px; /* 1px odstępu od góry */
text-decoration: none; /* dekoracja tekstu */
border-left: 12px solid #CCCCCC;
} /* lewe obramowanie; #CCCCCC - kolor zwykłego prostok±ta */
#menulewe a:hover { /* najechane linki w menu */
font-family: Verdana, Sans-serif; /* krój czcionki */
font-size: 10px; /* wielko¶ć czcionki */
display: block; /* rodzaj wy¶wietlenia elementów */
width: 100px; /* szeroko¶ć */
text-decoration: none; /* dekoracja tekstu */
color: #3B3B3B; /* kolor tekstu */
border-left: 12px solid #9CD3D3; } /* lewe najechane obramowanie; #9CD3D3 - kolor najechanego prostok±ta*/
#menulewe li { /* element li */
list-style-type: none; } /* rodzaj wykazu */
/* deklaracja ¶rodka */
#srodek
{
width: 440px;
float: left;
border-top-style: 1px solid black;
border-right-style: 1px solid black;
border-bottom-style: 1px solid black;
padding: 5px;
}
/* deklaracja prawej kolumny */
#prawa
{
float: right;
background: white;
width: 100px;
/*padding: 10px;*/
}
/* deklaracja stopki */
#stopka
{
clear: both;
background: white;
text-align: center;
padding: 5px;
background-image: url(grafikiglowna/tlo.gif);
}
/* inne deklaracje odno¶niki, tekst itp. */
/*pseudoklasy*/
a:link
{
color: #3B3B3B;
text-decoration: none;
}
a:visited
{
color: black;
text-decoration: none;
}
a:active
{
bold;
}
a:hover
{
color: #9CD3D3; text-decoration: underline;
}
img
{
padding: 3px;
clear: both;
border: 0;
}
#menu_planet
{
border: 1px solid black;
padding: 0px;
text-align: center;
height: 20px;
background: #e0e0e0;
}
ul
{
list-style: inside;
}
div.godzina
{
margin-left: 20px;
}
div.licznik
{
font-family: Verdana, Sans-serif;
font-size: 1px;
color: red;
}
Chodzi mi o to że lewe menu i środek idzie na dół względem ankiety czyli diva prawa kolumna. Jak to naprawić?