Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS]Centrowanie strony o dynamicznej szerokości.
motyl-pl
post
Post #1





Grupa: Zarejestrowani
Postów: 294
Pomógł: 31
Dołączył: 2.04.2010

Ostrzeżenie: (0%)
-----


Witam,
Czy zna ktoś może sposób na wycentrowanie strony gdy body jest dynamicznie i width ciągle się różni ?
Go to the top of the page
+Quote Post
aeaeae
post
Post #2





Grupa: Zarejestrowani
Postów: 117
Pomógł: 23
Dołączył: 5.03.2011

Ostrzeżenie: (0%)
-----


  1. <div style="display:table;margin:0 auto;background-color:green"></div>
Go to the top of the page
+Quote Post
picios
post
Post #3





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 6.06.2011

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
motyl-pl
post
Post #4





Grupa: Zarejestrowani
Postów: 294
Pomógł: 31
Dołączył: 2.04.2010

Ostrzeżenie: (0%)
-----


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 (IMG:style_emoticons/default/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 ?
Go to the top of the page
+Quote Post
aeaeae
post
Post #5





Grupa: Zarejestrowani
Postów: 117
Pomógł: 23
Dołączył: 5.03.2011

Ostrzeżenie: (0%)
-----


http://pl2.php.net/manual/pl/function.imagesx.php

Najpierw pobierz identyfikator zasobu.
http://pl2.php.net/manual/pl/function.imag...atefromjpeg.php

Ten post edytował aeaeae 7.06.2011, 15:28:03
Go to the top of the page
+Quote Post
motyl-pl
post
Post #6





Grupa: Zarejestrowani
Postów: 294
Pomógł: 31
Dołączył: 2.04.2010

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 8.10.2025 - 16:56