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:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="hu" xml:lang="hu">  
  3. <head>  
  4. <title>Design teszt</title>  
  5. <base href="http://localhost/design/" />  
  6. <style type="text/css" media="all">@import "http://localhost/design/style.css";</style>  
  7. </head>  
  8. <body>  
  9. <div id="lap">  
  10.   <div id="kozep">  
  11.     <div id="fejlec">  
  12.       Tesztoldal címe  
  13.       <br />  
  14.       Menü: <a href="">Belépés</a> - <a href="">Regisztráció</a>  
  15.     </div>  
  16.     <div id="balsav">  
  17.       <ul>  
  18.         <li><a href="">Belépés</a></li>  
  19.         <li><a href="">Regisztráció</a></li>  
  20.         <li><a href="">Elfelejtett jelszó...</a></li>  
  21.         <li><a href="">Meghívás</a></li>  
  22.         <li><a href="">Gy.I.K.</a></li>  
  23.         <li><a href="">Bármilyen link</a></li>  
  24.         <li><a href="">Bármilyen link Bármilyen link Bármilyen link Bármilyen link</a></li>  
  25.       </ul>  
  26.       <br /><br />  
  27.       ide valami szööveg jön, hogy jó hosszú legyen viszonylag a tartalom  
  28.       ide valami szööveg jön, hogy jó hosszú legyen viszonylag a tartalom   
  29.       ide valami szööveg jön, hogy jó hosszú legyen viszonylag a tartalom   
  30.       ide valami szööveg jön, hogy jó hosszú legyen viszonylag a tartalom   
  31.       ide valami szööveg jön, hogy jó hosszú legyen viszonylag a tartalom ...  
  32.       <a href="">Tovább</a>  
  33.     </div>  
  34.     <div id="tartalom">  
  35.       ez itt a tartalom és mindjárt jön egy címsor is:................  
  36.       <br /><br />  
  37.       Ez meg itt a rövid tartalom egy címsorral:  
  38.       <h1>Címsor</h1>  
  39.       a rövid tartalom  
  40.       <br />  
  41.       :)  
  42.     </div>  
  43.     <div id="jobbsav">  
  44.       <ul>  
  45.         <li><a href="">Menük</a></li>  
  46.         <li><a href="">Fórum</a></li>  
  47.         <li><a href="">Valami</a></li>  
  48.         <li><a href="">Valamilyen Státusz</a></li>  
  49.         <li><a href="">Bármi ami ide jönne</a></li>  
  50.         <li><a href="">Blogok talán</a></li>  
  51.   
  52.       </ul>  
  53.       <br /><br />  
  54.       Nos akkor ide jönne az egyébb infók halmaza...  
  55.     </div>  
  56.   </div>  
  57.   <div id="lablec">  
  58.     Copyright, Minden a mi tulajdonunk!<br />  
  59.     <a href="">Impresszum</a> <a href="">Médiaajánlat</a>  
  60.   </div>  
  61. </div>  
  62. </body>  
  63. </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:
  1. body {  
  2. margin: 0;  
  3. padding: 0;  
  4. border: 0;  
  5. font-family: Arial, Helvetica, sans-serif;  
  6. font-size: 12px;  
  7. color: #000000;  
  8. background-image: url(bg_body.png);  
  9. }  
  10.   
  11. #kozep {  
  12. background-image: url(bg_cont.png);  
  13. overflow-x: hidden; /* IE5 & FF11 */  
  14. }  
  15.   
  16. #lap {  
  17. position: relative;  
  18. width: 762px;  
  19. text-align: left;  
  20. margin: 0 auto 0 auto;  
  21. font-size: 1.3em;  
  22. }  
  23.   
  24. #fejlec {  
  25. overflow-x: hidden; /* IE5 & FF11 */  
  26. background-image: url(bg_head_foot.png);  
  27. height: 50px;  
  28. color: #FFFFFF;  
  29. font-size: 1.3em;  
  30. text-align: center;  
  31. vertical-align: middle;  
  32. }  
  33.   
  34. #balsav {  
  35. width: 158px;  
  36. float: left;  
  37. padding-left: 5px;  
  38. padding-right: 4px;  
  39. }  
  40.   
  41. #tartalom {  
  42. width: 418px;  
  43. margin: 0;  
  44. float: left;  
  45. padding-left: 5px;  
  46. padding-right: 5px;  
  47. }  
  48.   
  49. #jobbsav {  
  50. width: 158px;  
  51. float: right;  
  52. padding-left: 5px;  
  53. padding-right: 4px;  
  54. }  
  55.   
  56. #lablec {  
  57. overflow-x: hidden; /* IE5 & FF11 */  
  58. background-image: url(bg_head_foot.png);  
  59. height: 50px;  
  60. color: #FFFFFF;  
  61. font-size: 0.9em;  
  62. text-align: center;  
  63. vertical-align: middle;  
  64. }  
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.