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:

body
{
 /* Center block */
 text-align:center;
 margin-left:auto;
 margin-right:auto;
 
 /* Formating */
 padding-top:32px;
 background-color:#525065;
}

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

 /* Formating */
 background-color:#ffffff;
}
A HTML kód ide vonatkozó része:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="hu" xml:lang="hu">
 <head>
  <title>kontenerpiac.hu - [  ]</title>
  
  <base href="http://www.kontenerpiac.hu/" />

  <link rel="stylesheet" media="screen, handheld, projection, tv" type="text/css" href="./kinezetek/alap/kepernyo.css" />
  <link rel="stylesheet" media="embossed, print" type="text/css" href="./kinezetek/alap/nyomtatas.css" />
  <link rel="stylesheet" media="aural, braille, tty" type="text/css" href="./kinezetek/alap/braille.css" />
 </head>
 
 <body>
  <div id="container">
   [...]
  </div>
 </body>
</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/