ugrás a tartalomhoz

Nem jelenik meg jól az oldalt 3 részre osztó háttér, és felcsúszik a tartalom alá a lábléc...

Vas Dávid · 2006. Szep. 10. (V), 17.16
Üdv!

Nos nem tudom mi lehet a gond, de van egy html fájlom:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="hu" xml:lang="hu">
<head>
<title>Design teszt</title>
<base href="http://localhost/design/" />
<style type="text/css" media="all">@import "http://localhost/design/style.css";</style>
</head>
<body>
<div id="lap">
  <div id="kozep">
    <div id="fejlec">
      Tesztoldal címe
      <br />
      Menü: <a href="">Belépés</a> - <a href="">Regisztráció</a>
    </div>
    <div id="balsav">
      <ul>
        <li><a href="">Belépés</a></li>
        <li><a href="">Regisztráció</a></li>
        <li><a href="">Elfelejtett jelszó...</a></li>
        <li><a href="">Meghívás</a></li>
        <li><a href="">Gy.I.K.</a></li>
        <li><a href="">Bármilyen link</a></li>
        <li><a href="">Bármilyen link Bármilyen link Bármilyen link Bármilyen link</a></li>
      </ul>
      <br /><br />
      ide valami szööveg jön, hogy jó hosszú legyen viszonylag a tartalom
      ide valami szööveg jön, hogy jó hosszú legyen viszonylag a tartalom 
      ide valami szööveg jön, hogy jó hosszú legyen viszonylag a tartalom 
      ide valami szööveg jön, hogy jó hosszú legyen viszonylag a tartalom 
      ide valami szööveg jön, hogy jó hosszú legyen viszonylag a tartalom ...
      <a href="">Tovább</a>
    </div>
    <div id="tartalom">
      ez itt a tartalom és mindjárt jön egy címsor is:................
      <br /><br />
      Ez meg itt a rövid tartalom egy címsorral:
      <h1>Címsor</h1>
      a rövid tartalom
      <br />
      :)
    </div>
    <div id="jobbsav">
      <ul>
        <li><a href="">Menük</a></li>
        <li><a href="">Fórum</a></li>
        <li><a href="">Valami</a></li>
        <li><a href="">Valamilyen Státusz</a></li>
        <li><a href="">Bármi ami ide jönne</a></li>
        <li><a href="">Blogok talán</a></li>

      </ul>
      <br /><br />
      Nos akkor ide jönne az egyébb infók halmaza...
    </div>
  </div>
  <div id="lablec">
    Copyright, Minden a mi tulajdonunk!<br />
    <a href="">Impresszum</a> <a href="">Médiaajánlat</a>
  </div>
</div>
</body>
</html>
ami úgy ferst hogy felül van egy kis rész ahol a weboldal neve van és 1-2 menüpont és ennek egy háttere
is van: bf_head_foot.png ez alá jön egy törzs rész ami 3 felé van felosztva bal, közép, és jopbb oldal:
a törzs résznek van egy háttere bg_cont.png ami mindig ismétlődik így válastja el egymástól a 3 részt.
és za alján van egy lábléc aminek szointén a háttere a bg_head_foot.png

valahogy így fest:

|-------------------|
|******* fejléc ****|
|-------------------|
|bal | kozep | jobb |
| ** | ***** | **** |
| ** | ***** | **** |
|-------------------|
|****** lábléc ****-|
|-------------------|

Nos FireFoxban az oldal úgy jelenik meg ahogy szeretném de IE-ben nem mert a lábléc felcsúszik
a #tartalom alá és a #lap háttere sem jelenik meg, tehát a 3 rsézt nem választja el egymástól a háttér.

itt a css kód:

body {
margin: 0;
padding: 0;
border: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
background-image: url(bg_body.png);
}

#kozep {
background-image: url(bg_cont.png);
overflow-x: hidden; /* IE5 & FF11 */
}

#lap {
position: relative;
width: 762px;
text-align: left;
margin: 0 auto 0 auto;
font-size: 1.3em;
}

#fejlec {
overflow-x: hidden; /* IE5 & FF11 */
background-image: url(bg_head_foot.png);
height: 50px;
color: #FFFFFF;
font-size: 1.3em;
text-align: center;
vertical-align: middle;
}

#balsav {
width: 158px;
float: left;
padding-left: 5px;
padding-right: 4px;
}

#tartalom {
width: 418px;
margin: 0;
float: left;
padding-left: 5px;
padding-right: 5px;
}

#jobbsav {
width: 158px;
float: right;
padding-left: 5px;
padding-right: 4px;
}

#lablec {
overflow-x: hidden; /* IE5 & FF11 */
background-image: url(bg_head_foot.png);
height: 50px;
color: #FFFFFF;
font-size: 0.9em;
text-align: center;
vertical-align: middle;
}
vajon mi lehet a hiba?

overflow-x: hidden; /* IE5 & FF11 */ ---> ezt a weblabor css fájlában találtam és ez megoldottad azt még az elején
hogy egyáltalán megjelenjen a 3 részt elválsaztó háttér, mert addig meg sem jelent, ez hogy lehet?

mik lehetnek a gondok?
‹ xajax használatakor nem küld új kérést Átlátszósági probléma IE 6 alatt ›
 ■
1

nem kéne #kozep

Vas Dávid · 2006. Szep. 11. (H), 18.56
vagy lehet hogy a #kozep-et nem kellett volna létrehoznom?

de az mért lehet baj?, végülis az kell hisz annak a háttere a 3 részre osztó kép.