Divy się rozjeżdzają


(Lomp) #1

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ć?


(Kutar 0) #2

Przenieś DIVy "menulewe" i "srodek" przed "prawa".


(Lomp) #3

Dzięki już wszystko jest ok :slight_smile: ale mam jeszcze jedną prośbę, jak zrobić żeby był ostęp taki jak z lewej strony między obramowaniem środku a lewą kolumną (menu) ?? Bo one mi się łączą i tworzą taką grubą linię, jak zrobić żeby było tak jak z prawej strony (odstęp).


(Morgenowsky) #4

Dodaj do środkowego diva margin:


(Lomp) #5

Dzięki działa :slight_smile:

// ale jednak na tym się nie kończy... :? Mam nast. kłopot bo teraz chciałbym jeszcze te menu górne uzupełnić, gdy klikam na np. dział linki czy forum to ankieta przesuwa się w miejsce środka, jak to naprawić? Jeszcze raz adres stronki: http://www.kosmos-astronomia.yoyo.pl

a to jest mój kod include:

<? switch ($_GET['dz']) { case 1: include ("ziemia/ziemia.php"); break; case 2: include("planety/planety.php"); break; case 3: include ("ukladsloneczny/ukladsloneczny.php"); break; case 4: include("wszechswiat/wszechswiat.php"); break; case 5: include ("ksiezyce/ksiezyce.php"); break; case 6: include("galaktyka/galaktyka.php"); break; case 7: include ("komety/komety.php"); break; case 8: include("gwiazdy/gwiazdy.php"); break; case 9: include ("ciekawostki/ciekawostki.php"); break; case 10: include("chronmyziemie/chronmyziemie.php"); break; case 11: include ("slynniastronomowie/slynniastronomowie.php"); break; default: echo ' Strona główna - Start - Www.kosmos-astronomia.yoyo.pl'; echo 'Witam na mojej stronie, ta strona jest moją pierwszą jaką wykonałem, myślę, że wyszło całkiem nieźle ale to już pozostawiam waszej ocenie. Zapraszam do przeglądania i korzystania z niej. Pozdrawiam wszystkich!
Lorem ipsum an sit voluptatum scribentur, ad mazim admodum similique eum. Labores probatus laboramus id vix, ne per debitis mandamus. Ut elitr graeci apeirian quo, mentitum intellegat disputationi ut qui. Tamquam ullamcorper ut has. No dicam inimicus postulant per, modus legendos liberavisse id his.
'; } ?> <? switch ($_GET['dz']) { case 1: echo ' br /> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Podstawowe zagadnienia związane z budową i wyglądem Ziemi.'; break; case 2: echo ' Znajdziesz tu wszystkie planety które znajdują się w naszym układzie słonecznym - Merkury, Wenus, Ziemia itd.'; break; case 3: echo ' Definicja oraz galeria naszego układu słonecznego'; break; case 4: echo ' Opis Wszechświata'; break; case 5: echo ' Księżyce w naszym układzie słonecznym'; break; case 6: echo ' Galaktyka'; break; case 7: echo ' Komety'; break; case 8: echo ' Gwiazdy'; break; case 9: echo ' Ciekawostki astronomii i kosmosu'; break; case 10: echo ' break; case 2: include("planety/planety.php"); break; case 3: include ("planety/ziemia/ziemia.php"); break; case 4: include("planety/mars/mars.php"); break; case 5: include ("planety/jowisz/jowisz.php"); break; case 6: include("planety/saturn/saturn.php"); break; case 7: include ("planety/uran/uran.php"); break; case 8: include("planety/neptun/neptun.php"); break; case 9: include ("planety/pluton/pluton.php"); break; } ?>