Problem z "wyprostowaniem" strony Opcje

[Mlody993]

Witam,
mam problem z wyprostowaniem mojej strony, wygląda ona tak: http://i44.tinypic.com/28akc4h.jpg .

Pasek lewy i prawy zamiast po bokach są u góry i na dole środka, tam gdzie tytuł i treść.

Mój kod wygląda tak:

Kod

<center>
<img src="images/logo2.jpg">
<div id="menu" class="txt">
<b><a href="link">link 1</a></b>
</div>

                   <img src="images/tlo_gora.jpg"><br>
   <div id="lewa" float="left"></div>
           <div id="tytul" align="center">
           tytuł
           </div>
           <div id="tekst" align="center">
           tresc
           </div>
   <div id="prawa" float="right"></div>
    
                   <img src="images/tlo_dol.jpg">


</center>

Jak to wyprostować? Czego użyć? Proszę o pomoc. Stronkę robię od 0, ten kod wyżej to tylko wycinek kodu. ;p

@edit:
I przy okazji, pasek menu (tam gdzie Link 1) jak zrobić żeby linki tam były bardziej na środku, a nie jak teraz? Bo są tak trochę za wysoko na tej belce. ;p

Ten post edytował erix 27.03.2009, 18:46:35

Powód edycji: [erix] przeniosłem

[Spawnm]

a co to ma do php?

fajnie że znamy twój css ...

[Mlody993]

Hmm... nie wiedziałem, że to wina CSS.;p

To mój kod CSS:

Kod

div#menu {background-image: url(images/menu.jpg);  width: 1000px; height: 33px;}

div#tytul {background-image: url(images/belka_tytul.jpg); width: 880px; height: 27px;}

div#tekst {background-image: url(images/srodek.jpg); width: 880px; height: 198px;}

a {text-decoration: none;}

div#lewa {background-image: url(images/bok_lewa.jpg); width: 37px; height: 218px;}
div#prawa {background-image: url(images/bok_prawa.jpg); width: 37px; height: 218px;}

[Gryf]

przede wszystkim to wywal tag center <--- tego się już nie używa
to samo z b, img oraz br powinny być zamykane no i do obrazków dodaj alt'y
a co do tego że ci się to rozwala to można to zrobić tak
zrobić div'a i do niego dać #lewa, #srodek (tutaj dodać #tytul oraz #tekst), #prawa
i nadać im wszystkim width oraz float na left, lub zrobić div'a góra, środek (tutaj background repeat ze dwoma
krawędziami), dół

[kazag]

jak wyzej, przede wszystkim nie masz float:left lub right, przez co divy ustawiają sie jeden pod drugim, a nie obok siebie.