Logowanie

Jak ustawić tło na cały ekran pustego <main> w CSS ?

pytanie zadane 17 marca 2021 w HTML i CSS przez mat19 Obywatel (1,580 p.)

Cześć!. Mam trochę banalne pytanie, które brzmi jak sprawić aby <main></main> który jest pusty miał ustawione tło na cały ekran. Mam ustawione w css aby main miało zielone tło, ale jeśli main nie zawiera żadnej treści to tło jest białe. Dopiero jak coś dodam to tło ma takie wymiary jak ustawiona wartość.

1 odpowiedź

odpowiedź 17 marca 2021 przez Psz3mo Mądrala (5,030 p.)

Spróbuj ustawić wysokość main i szerokość: u mnie to działa:

<!DOCTYPE html>
<html>
<head>
	<style>
	main{
	background-color:#333;
	width:300px;
	height:300px;
	}
	</style>
</head>
<body>
	<main></main>

</body>
</html>

Być może to przez przeglądarkę jest.

Albo na całą stronę:

<!DOCTYPE html>
<html>
<head>
	<style>
	*{
	padding:0;
	margin:0;
	}
	main{
	background-color:#333;
	width:100vw;
	height:100vh;
	}
	</style>
</head>
<body>
	<main></main>

</body>
</html>

Podobne pytania

0 głosów

1 odpowiedź 1,956 wizyt

Tło na cały ekran, niezależnie od rozdzielczości w CSS

pytanie zadane 29 stycznia 2016 w HTML i CSS przez niezalogowany

0 głosów

1 odpowiedź 236 wizyt

Tło na prawie cały widoczny ekran

pytanie zadane 4 października 2016 w HTML i CSS przez ayo1001 Obywatel (1,890 p.)

0 głosów

1 odpowiedź 725 wizyt

W jaki sposób zrobić żeby css wyświetlał cały obrazek jako tło?

pytanie zadane 16 lutego 2019 w HTML i CSS przez ProtoNiK Początkujący (270 p.)

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!

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!

...

Jak ustawić tło na cały ekran pustego <main> w CSS ?

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

1 odpowiedź

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci