Hmm... ale żeś namącił ! Postaram się wytłumaczyć Ci ocb a więc najlepiej stwórz szablon od nowa, ale spróbuj zastosować się do moich wskazówek. Ustaw od razu w znaczniku "body" szerokość strony:
Kod:
body {
width: 900px;
}
Twoja strona składa się z górnego bannera i trzech kolumn, stwórz dla bannera oddzielny "div":
Kod:
#banner {
width: 900px;
background: url(sciezka);
}
Teraz zajmę się tymi trzema felernymi kolumnami. Aby łatwiej zmieniać szerokosc kazdej z kolumn stwórz tzw. znacznik który opakuje te trzy kolumny:
Kod:
#opakowanie {
position: relative;
}
Przy stawianu kolumn posłużę się pozycjonowaniem bezwzględnym. Tworzymy teraz główną zawartość, czyli środkową kolumnę:
Kod:
#kolumnasrodek {
margin-left: 200px;
margin-right: 200px;
}
Stworzylismy srodkowa kolumnę, po co nam te "margin-left" i "margin-right"? Margin-right okresla szerokość miejsca dla prawej kolumny a margin-left szerokość miejsca dla lewej kolumny. Oczywiscie srodkowa kolumna ma teraz szerokość 900 - 200 - 200 = 500 px. Teraz lewa i prawa kolumna:
Kod:
#lewakolumna {
position: absolute;
left: 0; * / odległość od lewej krawędzi */
top: 0; */ odległość od górnej krawędzi */
width: 190px; */ szerokosc kolumny */
}
#prawakolumna {
postion: absolute;
right: 0;
top: 0;
width: 190px;
}
I gotowe a tak powinien wyglądać prawidłowy kod html i css:
kod html:
Kod:
<?xml version="1.0" encoding="iso-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> ble ble </title>
<link href="_stylesheet.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="banner">
Bla bla napis na bannerze
</div>
<div id="opakowanie">
<div id="kolumna srodek">
Tutaj tekst na srodkowej kolumnie
</div>
<div id="lewakolumna">
tekst lewej kolumny
</div>
<div id="prawakolumna">
tekst na prawej kolumnie
</div>
</div>
</body>
</html>
teraz kod w arkuszu css:
Kod:
body {
width: 900px;
}
#banner {
width: 900px;
background: url(sciezka);
}
#opakowanie {
position: relative;
}
#kolumnasrodek {
margin-left: 200px;
margin-right: 200px;
}
#lewakolumna {
position: absolute;
left: 0; * / odległość od lewej krawędzi */
top: 0; */ odległość od górnej krawędzi */
width: 190px; */ szerokosc kolumny */
}
#prawakolumna {
postion: absolute;
right: 0;
top: 0;
width: 190px;
}
To tyle, jeżeli będziesz chcial zmienic szerokośc kolumny srodkowej to pamietaj ze strona ma szerokość 900px. Srodkowa kolumna teraz ma 500px, chcesz aby miala 600px, to pomniejszasz margin-left i margin-right do
150 px kazdą. Następnie pomniejszasz w #prawakolumna i #lewakolumna o taka sama wartosc co te marginy, wlasciwosc width. I gotowe
Wiem że może to byc nie zrozumiałe dlatego jak bedziesz mial jakies pytania do tego to pisz do mnie na PW, chętnie Ci wytłumacze niejasnosci
/edit
Tak długo to pisałem że koledzy mnie już uprzedzili, teraz to już napewno wiesz o co chodzi
![[Obrazek: 2guxq1i.gif]](http://img713.imageshack.us/img713/1035/2guxq1i.gif)
