Polskie Forum Użytkowników GIMP-a

Ogólne dyskusje => Języki Internetu => Wątek zaczęty przez: StachuGIMP on 27.11.2009, 18:14:43



Tytuł: Problem z marginesami.
Wiadomość wysłana przez: StachuGIMP on 27.11.2009, 18:14:43
Witam! To ponownie ja.
Tym razem problem jest następujący.
Zapisałem się do kółka redaktorskiego: robię stronę.
Nie wiem jak ustawić marginesy, aby pasowały do wszystkich rozdzielczości ekranów!
Dopasowane do 1280x800: nie pasują do 1024x724 i na odwrót. Co zrobić?!
                                                                             /\
Dzięx z góry                            Nie jestem tego pewien


Tytuł: Odp: Problem z marginesami.
Wiadomość wysłana przez: Crackeen on 27.11.2009, 18:29:36
Spróbuj marginesy procentowo ustawić.


Tytuł: Odp: Problem z marginesami.
Wiadomość wysłana przez: Adamos on 27.11.2009, 21:13:38
Tylko że wtedy całą zawartość musiałbyś także w procentach...
Czyż nie prościej zrobić tak, żeby szerokość strony wynosiła 1000 px? Będzie pasowało do każdej rozdzielczości (oprócz 800x600).


Tytuł: Odp: Problem z marginesami.
Wiadomość wysłana przez: cinek6413 on 02.12.2009, 14:42:27
Wyśrodkuj ją!
Zrób diva np. center:
HTML
Kod:
<body>
<div id="center">
cała treść strony (body)
</div>
</body>
CSS
Kod:
#center {
margin:0 auto;
text-align: center;
}


Tytuł: Odp: Problem z marginesami.
Wiadomość wysłana przez: Quot on 13.12.2009, 00:12:20
...pasują do 1024x724...

1024x768 i zrób tak jak mówi cinek :)


Tytuł: Odp: Problem z marginesami.
Wiadomość wysłana przez: StachuGIMP on 26.12.2009, 13:58:35
Tak, ale niestety margin auto nie pasuje na IE :(


Tytuł: Odp: Problem z marginesami.
Wiadomość wysłana przez: Gacko on 26.12.2009, 18:27:03
Spróbuj w CSS ustawić.


Tytuł: Odp: Problem z marginesami.
Wiadomość wysłana przez: Ziomioslaw on 27.12.2009, 23:47:20
Pamiętam, że były z marginesami problem... IE inaczej (niż reszta przeglądarek) wylicza sobie "padding" i "margin". Omijało się to jakimiś hakami.


Tytuł: Odp: Problem z marginesami.
Wiadomość wysłana przez: swistaku on 28.12.2009, 04:35:08
O ile pamięć mnie nie myli to dla IE wystarczało proste text-align:center; :)


Tytuł: Odp: Problem z marginesami.
Wiadomość wysłana przez: fixer_33 on 30.12.2009, 22:00:41
W quirks mode na IE nie chodzi margin: 0 auto. Text-align NIE OBSŁUŻY DIVÓW. Div align z tego co pamiętam też były jakieś problemy. Najprostszym wyjściem jest center, a następnie dla textu dajesz text-align:left, aby nie był na środku. Jest kilka haków, lecz w grę wchodziło zagnieżdzanie kilku divów i wykorzystywanie position, jak na mój gust cała akcja nie warta uwagi, a to m. in. dlatego że im większa rozdzieczość w górę tym bardziej się sypie. Siedziałem przy tym kiedyś całą noc i to moje wnioski. Przez dłuższy czas pisałem szablony na allegro, więc najprostszy sposób przedstawiłem.


Tytuł: Odp: Problem z marginesami.
Wiadomość wysłana przez: swistaku on 31.12.2009, 00:30:58
fixer_23 o czym ty w ogóle opowiadasz? Text-Align to właśnie genialny trick by wycentrować całość w css'ie w IE. Nie wierzysz? W załączniku masz przykład pisałem na szybko także piękny nie jest. Porównaj sobie jak wygląda w FF a jak w IE. Potem odkomentuj kawałek z text-align.

Przypominam ze <center> nie jest zgodny ze standardami ale jak juz chcecie tak pisać to przecież nikomu nie zabraniam.


Tytuł: Odp: Problem z marginesami.
Wiadomość wysłana przez: fixer_33 on 31.12.2009, 06:02:29
OMG coś mi się uwaliło że chodzi o aukcje na allegro. Bo kto normalny nie wstawia !DOCTYPE. Swistak sprawdz na allegro i zobaczysz, że miałem rację, a w ich edytorze możesz pisać w czystym HTML, dlatego napisałem center.

Co do głównego problemu, to przez !DOCTYPE, IE przestawia się do standard mode i wtedy spokojnie używasz margin: auto. Krótkomówiąc nie dałeś deklaracji doctype na początku. Radzę przeczytać jakieś kursy typu ten z www.kurshtml.boo.pl


Tytuł: Odp: Problem z marginesami.
Wiadomość wysłana przez: swistaku on 31.12.2009, 21:08:05
Mówiłem, że pisałem na szybko.. w IE6 też działa ta opcja?


Tytuł: Odp: Problem z marginesami.
Wiadomość wysłana przez: StachuGIMP on 05.01.2010, 11:57:55
Problem zażegnany!!! :)
jak?

PLIK CSS:

div.poletekstowe {
width: 728px;
}

PLIK HTML:

(...)
<div class="poletekstowe" align="center">
blabla
</div>
(...)


I tekst się nie centruje, tylko DIV ;)


Tytuł: Odp: Problem z marginesami.
Wiadomość wysłana przez: fixer_33 on 09.01.2010, 03:16:36
Ale napewno nie wg standardów bo div align już się nie stosuje, tym bardziej jeśli nie dasz margin : auto bo nie masz doctype.