ugrás a tartalomhoz

Firefox vízszintes középre igazítás probléma CSS-el

balage020 · 2006. Szep. 15. (P), 10.15
sziasztok!

lenne egy problemam ujfent...
az oldalam ie6, firefox, 1.5 es opera 9 alatt tokeletesen jelenik meg, kozepre igazitva ahogy akartam (770px szeles az oldal lenyegi resze), de 800x600-ban es 1024x768-ban firefox 1.5 alatt jobbra elcsuszik az egesz.
1024x768 alatt ez meg hagyjan, de 800x600ban pont ki kellene tolteni szelteben a bongeszot, de sajnos jobbra ott mar olyan latvanyos az "eltolodas", hogy az oldal bal fele latszik csak.

tul vagyok mar egy par oras google-kereses/probalgatason, mindenhol irjak hogy margin: 0 auto; es text-align:center kell; , de sajnos valahogy ez nalam nem segit.

beillesztem ide a kodreszletet (az osszevisszasag, hogy a fentieket tobb helyen is alkalmazni probalom, lehet nem tesz jot az oldalnak, de attol felek mar rosszat sem :((

#lap{width:770px; text-align:center; margin: 0 auto;}
#fejlec, #kozep, #lent{margin:0 auto; position:relative; text-align:center;}
#fejlec{height:179px; background-image:url('./images/fejlec.jpg'); background-color:#FFFFFF; background-repeat:no-repeat;}
#tartalom{width:553px; background-image:url('./images/tartalom.jpg'); background-color:#FFFFFF; float:left; display:inline; height:790px;}
#menusav{width:214px; background-image:url('./images/menusav.jpg'); background-color:#FFFFFF; float:left; display:inline; background-repeat:no-repeat; height:790px;}
#lablec{height:117px; background-image:url('./images/lablec.jpg'); background-color:#FFFFFF; background-repeat:no-repeat;}
#alsosav{height:10px;}
#lent{clear:both;}
html:

<div id="lap">
  <div id="bal"> </div>
  <div id="jobb"> </div>
  <div id="fejlec"> </div>
  <div id="kozep">
    <div id="tartalom"> </div>
    <div id="menusav"> </div>
  </div>
  <div id="lent">
    <div id="lablec"> </div>
    <div id="alsosav"> </div>
  </div>
</div>
az oldal elrendezese par szoban:
770px szeles, ezen belul egy sor fejlec, kovetkezo sor egy tartalom es egy keskenyebb menusav oszlop, kovetkezo sor lablec, alatta levo sor sor alsosav (copyright infonak, stb.).
az egeszet kozepre szeretnem minden korulmenyek kozott igazitani.

koszonom elore is a segitseget!

Balazs
‹ Soremelés alacsonyabb IE-ben mint Firefoxban vagy Operában! CSS: táblázat első sorának többitől eltérő formázása ›
 ■
1

text-align nem a divre, hanem a body-ra kell

pp · 2006. Szep. 15. (P), 11.28
body{text-alig:center;}
#lap{width:770px; margin: 0 auto;}
2

sajnos ugyanaz a problema...:((

balage020 · 2006. Szep. 15. (P), 11.50
csatolom a jelenlegi CSS kodot:

#lap{width:770px; margin: 0 auto;}
#fejlec, #kozep, #lent{margin:0 auto; position:relative;}
#fejlec{height:179px; background-image:url('./images/fejlec.jpg'); background-color:#FFFFFF; background-repeat:no-repeat;}
#tartalom{width:553px; background-image:url('./images/tartalom.jpg'); background-color:#FFFFFF; float:left; display:inline; height:790px;}
#menusav{width:214px; background-image:url('./images/menusav.jpg'); background-color:#FFFFFF; float:left; display:inline; background-repeat:no-repeat; height:790px;}
#lablec{height:117px; background-image:url('./images/lablec.jpg'); background-color:#FFFFFF; background-repeat:no-repeat;}
#alsosav{height:10px;}
#lent{clear:both;}


body{
color:white;
font-family:Verdana,Arial,sans-serif;
font-size:12px;
text-align:center;}
3

Középre igazítás CSS-sel

Jano · 2006. Szep. 15. (P), 12.01
Középre igazítás CSS-sel vízszintesen
4

otlet?

balage020 · 2006. Szep. 16. (Szo), 14.22
kezdek lemondani a dologrol, marmin 800x600 FF1.5...

1. body-ban text-align:center;
2. margin: 0 auto; a legfelso div-ben
3. body-ban kiegesziteskepp min-width:770px-re (az oldal szelessege) allitva

...es semmi hatas :(((
5

Elolvastad?

Jano · 2006. Szep. 16. (Szo), 17.42
1. Elolvastad a fenti írást?
2. Valóban azok a beállítások érvényesülnek az elemekre (jól linkeled a CSS-t, nem definiálod felül)?

Mutasd a kódot egyből meg lesz a hiba.
6

link

balage020 · 2006. Szep. 16. (Szo), 23.06
erdekes, most neztem ugyanolyan bongeszoben haver gepen es jo.

...ez vajh mitol lehet?? ugyanaz az 1.5.0.7-es firefox..
7

Cache

Jano · 2006. Szep. 17. (V), 10.43
Ha a CSS külső fájlban van akkor elképzelhető, hogy a módosításokat nem vette észre mert az eltárolt régebbi CSS fájlt használta. Fejlesztés ideje alatt vagy a HTML-be illesztett CSS-sel dolgozz, vagy kapcsold ki a cache-t.
(Firefox Web Developer eszköztáron ez két kattintás.)
(Illetve tartsd nyomva újratöltésnél a Ctrl gombot.)