• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Dlaczego div nie chce nie wyśrodkować

VPS Starter Arubacloud
0 głosów
263 wizyt
pytanie zadane 16 kwietnia 2017 w HTML i CSS przez Kamil Czech Dyskutant (7,700 p.)

Witam, mam problem przy wyśrodkowanie diva.

BODY
{
	background-color:#161B20;
	font-family: 'Lato', sans-serif;
	color: #ffffff;
	width: 1000px;
	font-size: 26px;
	margin: 0!important;
}

.wrapper
{
    width: 100%;
	margin-left:auto;
	margin-right:auto;	
}

.logo
{
	width: 100%;
	border: 4px solid white;
	margin-left: auto;
	margin-right: auto;
}
<body>
	
		<div class="wrapper">
	
			<div class="logo">
	
				<br />
				<br />
				<br />
				<br />
	
			</div>

</body>
	

Screen: http://ifotos.pl/z/aaxnnrp

Border i br-y są dodane jedynie roboczo

z góry dzięki z pomoc.

2 odpowiedzi

+1 głos
odpowiedź 16 kwietnia 2017 przez jaca121212 Nałogowiec (40,760 p.)
Pierwsze co to nie daje się do body (ciała dokumentu) 1000px;

ustawiasz go na 100% lub pozostawiasz go tak jak ma domyślne  wartości czyli 100%;

 przykład z  elementem na środku strony.

https://jsbin.com/kanogiwazo/edit?css,output

w tym przykładzie został zmienione style dla body i wrapper
0 głosów
odpowiedź 16 kwietnia 2017 przez imklau Nałogowiec (42,090 p.)
dodaj sobie w takim razie roboczo border do body i zobaczysz, że jest wyśrodkowany, na tyle na ile może być :D
komentarz 16 kwietnia 2017 przez Kamil Czech Dyskutant (7,700 p.)
A dla czego się przykleił do lewej krawędzi skoro dodałem

    margin-left:auto;

    margin-right:auto;

? ? ?
komentarz 16 kwietnia 2017 przez imklau Nałogowiec (42,090 p.)
spójrz na swój kod
dajesz dla body 1000px i marginesy 0
dajesz dla wrapper 100%, czyli 100% czego? no body. więc wrapper też ma 1000px
masz body 1000px i w nim wrapper 1000px dla którego dajesz marginesy lewy i prawy na auto :D
no więc co ma Ci wyśrodkować?
komentarz 16 kwietnia 2017 przez imklau Nałogowiec (42,090 p.)
prawidłowo body powinno być 100%, wrapper 1000px i marginesy auto, wtedy jest co wyśrodkować i jest to zrobione normalnie ;)

Podobne pytania

0 głosów
1 odpowiedź 336 wizyt
pytanie zadane 11 marca 2016 w HTML i CSS przez pulson666 Stary wyjadacz (12,560 p.)
0 głosów
4 odpowiedzi 346 wizyt
0 głosów
1 odpowiedź 251 wizyt

92,975 zapytań

141,939 odpowiedzi

321,182 komentarzy

62,303 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Wprowadzenie do ITsec, tom 2

Można już zamawiać tom 2 książki "Wprowadzenie do bezpieczeństwa IT" - będzie to około 650 stron wiedzy o ITsec (17 rozdziałów, 14 autorów, kolorowy druk).

Planowana premiera: 30.09.2024, zaś planowana wysyłka nastąpi w drugim tygodniu października 2024.

Warto preorderować, tym bardziej, iż mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy dodatkowe 15% zniżki! Dziękujemy zaprzyjaźnionej ekipie Sekuraka za kod dla naszej Społeczności!

...