ugrás a tartalomhoz

Blokk középre igazítás probléma

janoszen · 2005. Okt. 23. (V), 15.56
Sziasztok!

A következő oldalt építem fel:

http://www.kontenerpiac.hu/

Így kellene majd kinéznie:

http://www.kontenerpiac.hu/elozetes.html

A probléma az, hogy megpróbálom az egészet középre igazítani. IE alatt megy, FF alatt nem.

A HTML kód valid, a CSS kódban sincs olyan hiba, aminek köze lenne ehhez (csak background-color - color összefüggési hibák)

Az ide vonatkozó CSS rész:
  1. body  
  2. {  
  3.  /* Center block */  
  4.  text-align:center;  
  5.  margin-left:auto;  
  6.  margin-right:auto;  
  7.    
  8.  /* Formating */  
  9.  padding-top:32px;  
  10.  background-color:#525065;  
  11. }  
  12.   
  13. #container  
  14. {  
  15.  /* Center block */  
  16.  width:750px;  
  17.  text-align:left;  
  18.  position:relative;  
  19.   
  20.  /* Formating */  
  21.  background-color:#ffffff;  
  22. }  
A HTML kód ide vonatkozó része:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="hu" xml:lang="hu">  
  3.  <head>  
  4.   <title>kontenerpiac.hu - [  ]</title>  
  5.     
  6.   <base href="http://www.kontenerpiac.hu/" />  
  7.   
  8.   <link rel="stylesheet" media="screen, handheld, projection, tv" type="text/css" href="./kinezetek/alap/kepernyo.css" />  
  9.   <link rel="stylesheet" media="embossed, print" type="text/css" href="./kinezetek/alap/nyomtatas.css" />  
  10.   <link rel="stylesheet" media="aural, braille, tty" type="text/css" href="./kinezetek/alap/braille.css" />  
  11.  </head>  
  12.    
  13.  <body>  
  14.   <div id="container">  
  15.    [...]  
  16.   </div>  
  17.  </body>  
  18. </body>  
Köszönöm a segítséget!

ProClub
‹ Checkbox érték megváltoztatásának megerősítése <ul> lista alatt margo IE-ben ›
 ■
1

margin rossz helyen - a containernek kell auto margin

Dualon · 2005. Okt. 23. (V), 17.17
body
{
 /* Center block */
 text-align:center;
 margin-left:auto;
 margin-right:auto;
}


helyett

body
{
 /* Center block */
 text-align:center;
 /*margin-left:auto;
 margin-right:auto;*/
}

#container
{
 /* Center block */
 width:750px;
 text-align:left;
 position:relative;
 margin: 0 auto;
}


Szerk.: Nem néztem át a teljes felépítést, de lehet, hogy a container el is hagyható; ha a body-nak adsz meg fix szélességet, meg auto margót, kiváltható vele a container, a viewport meg független tőle.

Dúalon
http://e-arc.hu/
2

a margó a konténeren van

Hojtsy Gábor · 2005. Okt. 23. (V), 17.19
Gondolj bele, a margó az emlemen kívül van, a body elemen kívüli margó a teljes oldal befoglalását befolyásolja. Az IE-ben (sajnos) működő text-align megoldásból ítélve te viszont nem rögtön a body-t szeretnéd középre tenni, hanem a konténert, így annak külső margóit kellene automatikusra állítani. margin: 0 auto; a legrövidebb mód :)
3

Ekkora égés...

janoszen · 2005. Okt. 23. (V), 17.34
Uh, ekkora égést... Bocsánat, erre kellett volna gondolom. Mindenesetre köszi mindenki. :)
4

Kialvatlanság? :)

Dualon · 2005. Okt. 23. (V), 17.51
Gondolom, nem a bonyolultabb dolgokat vétetted el. Ez mindig így van. ,)

Dúalon
http://e-arc.hu/