Witamy, Gość. Zaloguj się lub zarejestruj.
Czy dotarł do Ciebie email aktywacyjny?


Zaloguj się podając nazwę użytkownika, hasło i długość sesji

Strony: [1] 2  Wszystkie
DrukujPobierz PDF
Autor Wątek: Problem z marginesami.  (Przeczytany 9571 razy)
0 użytkowników i 1 Gość przegląda ten wątek.
StachuGIMP
Użytkownik

Reputacja: -2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
Licencja: CC-BY-SA
Wiadomości: 57
Galeria Użytkownika

StachuGIMP


Zobacz profil
« : 27.11.2009, 17: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
Zapisane

Oh yeah.
Crackeen
Użytkownik

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
Licencja: Copyright
Wiadomości: 88
Galeria Użytkownika


You cannot kill what you did not create.


Zobacz profil WWW
« Odpowiedz #1 : 27.11.2009, 17:29:36 »

Spróbuj marginesy procentowo ustawić.
Zapisane



Adamos
Użytkownik

Reputacja: 1 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
JID: theadam0s(znaczek o nazwie m-a-ł-p-a)jabbim.pl
Licencja: Copyright
Wiadomości: 436
Galeria Użytkownika



Zobacz profil
« Odpowiedz #2 : 27.11.2009, 20: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).
Zapisane

cinek6413
Użytkownik

Reputacja: 1 Offline Offline

Płeć: Mężczyzna
GIMP: 2.8 + GAP
Licencja: Copyright
Wiadomości: 91
Galeria Użytkownika


www.blogskra.tk


Zobacz profil WWW
« Odpowiedz #3 : 02.12.2009, 13: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;
}
Zapisane

Quot
Użytkownik

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 320
Galeria Użytkownika



Zobacz profil
« Odpowiedz #4 : 12.12.2009, 23:12:20 »

...pasują do 1024x724...

1024x768 i zrób tak jak mówi cinek Uśmiech
Zapisane
StachuGIMP
Użytkownik

Reputacja: -2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
Licencja: CC-BY-SA
Wiadomości: 57
Galeria Użytkownika

StachuGIMP


Zobacz profil
« Odpowiedz #5 : 26.12.2009, 12:58:35 »

Tak, ale niestety margin auto nie pasuje na IE Smutny
Zapisane

Oh yeah.
Gacko
Emeryt

Reputacja: 4 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 635
Galeria Użytkownika



Zobacz profil
« Odpowiedz #6 : 26.12.2009, 17:27:03 »

Spróbuj w CSS ustawić.
Zapisane
Ziomioslaw
Administrator

Reputacja: 46 Offline Offline

Płeć: Mężczyzna
GIMP: 2.10
JID: ziomioslaw@jabber.org
Licencja: Copyright
Wiadomości: 7 430
Galeria Użytkownika


Cyklista Apokalipsy


Zobacz profil
« Odpowiedz #7 : 27.12.2009, 22: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.
Zapisane
swistaku
Gość
« Odpowiedz #8 : 28.12.2009, 03:35:08 »

O ile pamięć mnie nie myli to dla IE wystarczało proste text-align:center; Uśmiech
Zapisane
fixer_33
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4
JID: xfix@jabber.org
Licencja: Copyright
Wiadomości: 145
Galeria Użytkownika



Zobacz profil
« Odpowiedz #9 : 30.12.2009, 21: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.
Zapisane
swistaku
Gość
« Odpowiedz #10 : 30.12.2009, 23: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.

* sample.htm (0.39 KB - pobrany 120 razy.)
Zapisane
fixer_33
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4
JID: xfix@jabber.org
Licencja: Copyright
Wiadomości: 145
Galeria Użytkownika



Zobacz profil
« Odpowiedz #11 : 31.12.2009, 05: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
Zapisane
swistaku
Gość
« Odpowiedz #12 : 31.12.2009, 20:08:05 »

Mówiłem, że pisałem na szybko.. w IE6 też działa ta opcja?
Zapisane
StachuGIMP
Użytkownik

Reputacja: -2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
Licencja: CC-BY-SA
Wiadomości: 57
Galeria Użytkownika

StachuGIMP


Zobacz profil
« Odpowiedz #13 : 05.01.2010, 10:57:55 »

Problem zażegnany!!! Uśmiech
jak?

PLIK CSS:

div.poletekstowe {
width: 728px;
}

PLIK HTML:

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


I tekst się nie centruje, tylko DIV Mrugnięcie
Zapisane

Oh yeah.
Strony: [1] 2  Wszystkie
DrukujPobierz PDF
Polskie Forum Użytkowników GIMP-aOgólne dyskusjeDyskusjeWebmastering & WebdesignJęzyki InternetuWątek: Problem z marginesami.
Skocz do: