wyśrodkowanie body - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › wyśrodkowanie body

« poprzedni wątek

następny wątek »

Ilość wypowiedzi w tym wątku: 51

41. Data: 2011-08-03 18:20:52
Temat: Re: wyśrodkowanie body
Od: "identifikator: 20110701" <N...@g...pl>

pierwszy rysunek jest przy:
<style type="text/css">
div.ogolne {width: 800px; margin: 0 auto 0 auto;}
div.jeden {width: 400px; height: 200px}
div.dwa {position: relative; left: 600px; top: -200px; width: 200px; height:
200px}
</style>

a drugi przy:
<style type="text/css">

* { border: 1px solid black;}
div.ogolne {width: 800px; margin: 0 auto 0 auto;}
div.jeden {width: 400px; height: 200px}
div.dwa {position: relative; left: 600px; top: -200px; width: 200px; height:
200px}
</style>

w obu nie zeruję marginesów, a mimo to z ramkami jest równo, a bez ramek
jest nierówno (tekst "abc")... co jest?

[ pokaż wiadomość z nagłówkami ]

do góry
42. Data: 2011-08-04 06:08:08
Temat: Re: wyśrodkowanie body
Od: Robert Kusmierz <r...@p...onet.pl>

W dniu 01.08.2011 18:43, Peter May pisze:

>> ...że programiści
>> się nie pierdolą...
> Rób to samo.

Dokładnie, dokładnie.
Będzie mniej pytań na grupie w kolejnym pokoleniu ;)

PS.
By cokolwiek napisać, trzeba umieć czytać. To odpowiedź na wszystkie
pytania.

--
Robert Kusmierz

[ pokaż wiadomość z nagłówkami ]

do góry
43. Data: 2011-08-04 06:24:42
Temat: Re: wyśrodkowanie body
Od: Wojtek Gapiński <w...@w...I.TO.TEZ.pl>

Dnia 03-08-2011 20:06 identifikator: 20110701 napisał:
>
>> <div> tak, ale ja pisałem o akapitach, czyli <p>, to one mają
>> margines(y).
>> Zrób test: zamiast powyższej reguły wpisz
>> * { border: 1px solid black; }
>> zobaczysz o co chodzi.
>
> no ja Cię rozumiem, ale mi chodziło o to, że <P> nie powinny mieć wpływu
> na DIVy, a mają... coś dziwnego.

Już pisałem wcześniej, że <p> mają pewne domyślne wartości marginesów
(na jakiejś stronie znalazłem, że górny i dolny 0,5 cm, ale to chyba też
zależy od przeglądarki).
Dodatkowo marginesy sąsiednich elementów się nakładają (o tym też możesz
poczytać tu: http://kurs.browsehappy.pl/CSS/Krawedzie). Obramowanie
(border) wymusza inne traktowanie marginesów. Sam poeksperymentuj.

--
Wojtek Gapiński
http://jwmprojekt.pl

[ pokaż wiadomość z nagłówkami ]

do góry
44. Data: 2011-08-04 06:27:42
Temat: Re: wyśrodkowanie body
Od: Wojtek Gapiński <w...@w...I.TO.TEZ.pl>

Dnia 04-08-2011 08:08 Robert Kusmierz napisał:
> W dniu 01.08.2011 18:43, Peter May pisze:
>
>>> ...że programiści
>>> się nie pierdolą...
>> Rób to samo.
>
> Dokładnie, dokładnie.
> Będzie mniej pytań na grupie w kolejnym pokoleniu ;)

Czasem w to wątpię ;)

>
> PS.
> By cokolwiek napisać, trzeba umieć czytać. To odpowiedź na wszystkie
> pytania.
>

Jak pokazuje przykład obecnego wątku: niekoniecznie (chodzi o zależność
czytania i pisania) ;)

--
Wojtek Gapiński
http://jwmprojekt.pl

[ pokaż wiadomość z nagłówkami ]

do góry
45. Data: 2011-08-04 17:28:24
Temat: Re: wyśrodkowanie body
Od: "identifikator: 20110701" <N...@g...pl>

czy nikt mi nie wyjaśni dlaczego w moim przykładzie pola są nierówno? i w
ogóle jak się pozycjonuje bo już całkiem się pogubiłem, niby parametry są
jasne w relativ a nie można go stosować, inne się w ogóle nie nadają... już
zupełnie zgłupiałem jak się tworzy strony z css...

[ pokaż wiadomość z nagłówkami ]

do góry
46. Data: 2011-08-05 06:17:38
Temat: Re: wyśrodkowanie body
Od: Peter May <p...@o...pl>

W dniu 04-08-2011 19:28, identifikator: 20110701 pisze:
> czy nikt mi nie wyjaśni dlaczego w moim przykładzie pola są nierówno? i
> w ogóle jak się pozycjonuje bo już całkiem się pogubiłem, niby parametry
> są jasne w relativ a nie można go stosować, inne się w ogóle nie
> nadają... już zupełnie zgłupiałem jak się tworzy strony z css...

1. Przygotuj właściwy przykład wraz z URL.
2. Przeczytaj dokładnie kurs browsehappy, bo kompletnie nie przeczytałeś
go. Albo wskaż, którego fragmentu konkretnie nie rozumiesz. Może jest
niezrozumiale napisane.
3. Użyj Google, wysil się trochę z przykładem z punktu 1 i pokaż, że
włożyłeś choć odrobinę wysiłku w punkty 1 i 2. Wówczas może komuś zechce
się poświęć swój cenny czas dla Ciebie.

--
Peter

[ pokaż wiadomość z nagłówkami ]

do góry
47. Data: 2011-08-05 09:08:24
Temat: Re: wyśrodkowanie body
Od: "identifikator: 20110701" <N...@g...pl>

zacznijmy od nowa, ale jak Ktoś tu nie ma nic do powiedzenia to niech nic
nie pisze...

1. jak pozycjonować elementy na stronie, przy pomocy position - skoro
najbardziej użyteczny relativ nie jest dopuszczany...

[ pokaż wiadomość z nagłówkami ]

do góry
48. Data: 2011-08-05 10:26:54
Temat: Re: wyśrodkowanie body
Od: Exe Very Cute <k...@p...onIet.pl>

W dniu 2011-08-05 11:08, identifikator: 20110701 pisze:
> zacznijmy od nowa, ale jak Ktoś tu nie ma nic do powiedzenia to niech
> nic nie pisze...
>
> 1. jak pozycjonować elementy na stronie, przy pomocy position - skoro
> najbardziej użyteczny relativ nie jest dopuszczany...

Zrób sobie najpierw kontener <div> którym i wycentrujesz stronę, i
nadasz ramy do pozycjonowania absolunego:

<body>
<div style="position:relative; width:400px; margin:0 auto;
background:cyan;">
<p style="margin:0; postion:absolute; top:100px; right:30px;">QWE</p>
</div>
</body>

Tyle, że position:absolute najczęściej nie sprawdzi się do budowania
layoutu, elementy powinny wzajemnie się "rozpychać". Lepszy będzie float
bądź display:inline-block (jeśli olejesz IE6 / FF 2.x, 3.0.x).

Pozdr
Exe Very Cute

[ pokaż wiadomość z nagłówkami ]

do góry
49. Data: 2011-08-05 10:28:41
Temat: Re: wyśrodkowanie body
Od: Exe Very Cute <k...@p...onIet.pl>

W dniu 2011-08-05 12:26, Exe Very Cute pisze:
> W dniu 2011-08-05 11:08, identifikator: 20110701 pisze:
>> zacznijmy od nowa, ale jak Ktoś tu nie ma nic do powiedzenia to niech
>> nic nie pisze...
>>
>> 1. jak pozycjonować elementy na stronie, przy pomocy position - skoro
>> najbardziej użyteczny relativ nie jest dopuszczany...
>
> Zrób sobie najpierw kontener <div> którym i wycentrujesz stronę, i
> nadasz ramy do pozycjonowania absolunego:

Poprawka: <div> powinien mieć też nadaną wysokość w tym wypadku (<p> z
position:absolute nie będzie go "rozpychał").

Pozdr
Exe Very Cute

[ pokaż wiadomość z nagłówkami ]

do góry
50. Data: 2011-08-05 16:48:29
Temat: Re: wyśrodkowanie body
Od: "identifikator: 20110701" <N...@g...pl>

> Poprawka: <div> powinien mieć też nadaną wysokość w tym wypadku (<p> z
> position:absolute nie będzie go "rozpychał").

dzięki, poeksperymentuję

[ pokaż wiadomość z nagłówkami ]

do góry