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

question-closed Brak rekacji na margin-right/left:auto;

VPS Starter Arubacloud
0 głosów
423 wizyt
pytanie zadane 18 lipca 2018 w HTML i CSS przez kubusop Początkujący (420 p.)
zamknięte 19 lipca 2018 przez kubusop

Nie działa mi wyśrodkowanie diva. Znalazłem informacje, że div musi mieć określoną wielkość więc określiłem ,ale nadal nie dziła.

HTML:

<body>
	<header>
		<div class="logo_container">
		<div class="logo">
			<div class="logo_img"><img src="img/logo.png"></div>
			<div class="logo_name">Nazwa</div>
			<div style="clear:both;"></div>
		</div>
		</div>
	</header>
</body>

CSS:

body
{
	background-color:#efefef;
	margin:0;
}

.logo_container
{
	margin-top:40px;
	width:100%;
}

.logo
{
	margin-left:auto;
	margin-right:auto;
}

.logo_img img
{
	float:left;
	width:150px;
	height:80px;
}

.logo_name
{
	text-transform:uppercase;
	font-size:30px;
}

 

komentarz zamknięcia: Problem rozwiązany

2 odpowiedzi

+1 głos
odpowiedź 18 lipca 2018 przez goramarcin Użytkownik (740 p.)
W css w klasie logo nie masz podanej wartości width
+1 głos
odpowiedź 18 lipca 2018 przez Jake Obywatel (1,820 p.)

Po 1 coś całkiem ten css u mnie nie działał i musiałem przepisać ale mniejsza. Musisz ustalić width dla elementu który ma być wyrównany (ma margin-left:auto; margin-right:auto;) np coś takiego:

body {
    background-color: #efefef;
    margin: 0;
    padding: 0;
}
.logo_container {}
.logo {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}
.logo_img img {
    float: left;
    width:150px;
    height:80px;
}
.logo_name {
    float: right;
    text-transform: uppercase;
    font-size: 30px;
}

 

komentarz 18 lipca 2018 przez kubusop Początkujący (420 p.)
Więc jak określę dokładną szerokość napisu jeśli chcę idealnie dopasować diva do zdjęcia i nazwy.
1
komentarz 19 lipca 2018 przez Jake Obywatel (1,820 p.)
Więc jeśli nie znasz wymiarów najlepiej będzie użyć tu position:absolute; left:auto; right:auto; dla .logo

Podobne pytania

0 głosów
5 odpowiedzi 1,573 wizyt
0 głosów
2 odpowiedzi 307 wizyt
pytanie zadane 17 grudnia 2016 w HTML i CSS przez Apsik Użytkownik (990 p.)
0 głosów
1 odpowiedź 145 wizyt
pytanie zadane 27 lipca 2018 w HTML i CSS przez Hipolit Roszkowski Obywatel (1,480 p.)

92,768 zapytań

141,694 odpowiedzi

320,510 komentarzy

62,106 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

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!

...