Wyśrodkowanie (podejrzewam, że nie zadziała bo użyłeś position: absolute, ale możesz spróbować):
body {
margin-left: auto;
margin-right: auto;
}
Likwidacja odstepu (co do tego to pewien nie jestem): Zamień
#stopka {
position:absolute;
left:0px;
top:921px;
width:1000px;
height:65px;
background-image: url(images/stopka.png);
}
na
#stopka {
position:absolute;
left:0px;
width:1000px;
height:65px;
background-image: url(images/stopka.png);
}
Wyśrodkowanie nie zadziałało ;/
A stopka poszła w górę ale trochę za wysoko, a mianowicie poszła nad baner na samej górze (czyt. stopka nałożyła się na baner).
Nie powinieneś budować w ten sposób strony. Spróbuj skorzystać z http://www.kurshtml.boo.pl/css/szablon.html - tam masz wszystko fajnie i ładnie opisane, a najlepiej zrób to na podanym tam przykładzie
IcyMat , czyli polecasz np.
skopiować układ dokumentów HTML i CSS, a następnie w CSS podstawić własne wartości, czyli w moim przypadku tylko własną grafikę.
Czy dobrze Cię zrozumiałem?
Dzięki za pomoc
Tak - powiem Ci, że ja w taki właśnie sposób się nauczyłem bardzo dużo. Oczywiście dobrze by było gdybyś zrozumiał dlaczego dzieje się tak, a nie inaczej a nie tylko zrobił CTRL+C i CTRL+V
To dzięki za twoją wskazówkę, a do pomocy mam jeszcze to:
http://helion.pl/ksiazki/htxcsp.htm
Jutro za dnia zacznę się z tym bawić bo już mnie sen woła do łóżeczka xD
P.S. IcyMat , fajną masz stronę
Ewidentnie nie miałeś jeszcze za wiele do czynienia z CSS. Niepotrzebnie wszystko pozycjonujesz przez co dochodzą niepotrzebne linie kodu.
To wycentruje ci stronę i ustawi całkowitą szerokość contentu
body {
text-align:center;
margin:0;
}
#Tabela_01 {
text-align:left;
margin:0 auto;
width:1000px;
}
Dalsza część CSS trochę odchudzona.
#baner {
height:226px;
background-image: url(images/baner.png);
}
#menu_1 {
width:225px;
height:4px;
background: url(images/menu_1.png) repeat-y;
float:left;
}
#tresc {
width:544px;
background: url(images/tresc.png) repeat-y;
float:left;
}
#menu_2 {
width:231px;
background: url(images/menu_2.png) repeat-y;
float:left;
}
#stopka {
clear:both;
width:1000px;
height:65px;
background-image: url(images/stopka.png);
}
Zwróć uwagę to że usunąłem wartości width dla menu_1, menu_2 i treść a także dodałem powtarzanie tła wzdłuż osi Y dzięki czemu wysokość elementów będzie się automatycznie dostosowywać do zawartości.
-
W przypadku menu_1 wygląda mi to na brak grafiki tła
-
Nie jestem pewien jak pociąłeś grafikę ale domyślam się że grafiki tła dla tych bloków to paski o wysokości 4px nie mają jednolitego koloru wzdłuż osi Y wytnij jeszcze raz te fragmenty grafiki jako paski o wysokości 1px a wszystko się ładnie wygładzi i ujednolici
PS. Warto abyś zmienił kodowanie znaków obsługujące polskie znaki ISO-8859-2 lub UTF-8