• 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ć

Object Storage Arubacloud
0 głosów
241 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ź 292 wizyt
pytanie zadane 11 marca 2016 w HTML i CSS przez pulson666 Stary wyjadacz (12,560 p.)
0 głosów
4 odpowiedzi 301 wizyt
0 głosów
1 odpowiedź 222 wizyt

92,572 zapytań

141,422 odpowiedzi

319,644 komentarzy

61,959 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.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...