Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Centrowanie strony o dynamicznej szerokości.
Forum PHP.pl > Forum > Przedszkole
motyl-pl
Witam,
Czy zna ktoś może sposób na wycentrowanie strony gdy body jest dynamicznie i width ciągle się różni ?
aeaeae
  1. <div style="display:table;margin:0 auto;background-color:green"></div>
picios
Chyba tak dziala, css:
  1. body { text-align: venter; } // dla IE :/
  2. div#page { margin:0 auto; }

gdy w htmlu masz
  1. <div id="page">
  2. </div>
  3. </body>

pozdro
motyl-pl
Nie działało powyższe ale wiem dlaczego.
Wszystkie elementy wyplute przez WYSIAYG posiadają style="position:absolute".
Z tego co próbowałem napisałem cuś takiego:

Kod
<script type="text/javascript" language="JavaScript">
<!--
// Ustalenie zmiennych
var wb; // width body
var wr; // width rozdzielczosci
var roznica; // wb - wr
var margines; // margines

// Sprawdzenie body oraz rozdzielczości
if (document.body && document.body.offsetWidth && window.innerWidth) {
wb = document.body.offsetWidth;
wr = window.innerWidth;
}

roznica = wr - wb;
margines = roznica / 2;

//-->
</script>


Kod
<body id="boDy" style="position:absolute;" onLoad="boDy.style.left=margines;">


Mistrzem JS'a to nie jestem, ale działało na przykładzie smile.gif)
Ale na stronie już niestety nie bo przez to że jest pozycja absolutna nie mogło odczytać ile wynosi szerokość body..
Teraz tak, muszę odczytać z pliku największą szerokość obrazka (ponieważ to ona będzie wyznaczać szerokość treści [body]).

Czy ktoś ma jakiś pomysł jak, bądź spotkał się z takim skryptem ?
motyl-pl
Zna ktoś może inny sposób ?
Chciałbym to robić po stronie użytkownika, a nie php'm cały plik obracać i wtedy wyciągać największą szerokość..
Może jakieś jquery, javascript ?

Precyzując mój problem:
To z pliku muszę wyciągnąć wszystkie obraz, zobaczyć jaki mają width i wyciągnąć największy width z tych obrazków.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.