Div com fundo 100%

Boa tarde, minha dúvida se baseia na seguinte loja:
https://www.adsiveshop.com.br/pagina/quem-somos.html
Na parte “NOSSOS NÚMEROS” a cor laranja preenche todo o espaço lateral. Como eu faço isso?

Desde já muito obrigado.

Olá @Tiago_Barba tudo bem?

Foi utilizado a pseudo classe before do CSS:

Abs,
Flores | www.upper.rocks

Tudo bem, e com vc?

Me desculpa a ignorancia @upper.rocks, a minha programação atual é:
div style=“width:100%; height:20px; float:left; background-color:#BA3561; padding:none;”

Como eu adiciono isso?

Muito obrigado.

@Tiago_Barba
Você precisa criar essa regra abaixo, obviamente trocando a classe .numeros-adsive:before pelo nome da sua classe, o restante mandem o mesmo.

Abs,
Flores | www.upper.rocks

Então, eu coloquei isso no head:
style type=“text/css”>
.fundofull {width:100%; height:auto; background-color:#ba3561; float:left;}
.fundofull:before {content:""; height:100%; background-color:#ba3561; width:100%; position:absolute; top:0; right:100%;}
</style

Mas não está rolando, como vc pode ver neste link:
https://db-rainbow.lojaintegrada.com.br/pagina/teste.html

Na página teste eu coloquei da seguinte forma:
div class=“fundofull”>::before

TESTE DE FUNDO FULL

</div

Obs: fique tranquilo estou abrindo e fechando as classes, só tirei os <> para vc conseguir visualizar a programação.

Olá @Tiago_Barba

Você precisa coloca-lo como filho de DIVs que não tenham conteiner como class, olha o exemplo abaixo:

Abs,
Flores | www.upper.rocks

Bom dia @upper.rocks!!
Cara, estamos quase lá, veja que deu certo do lado esquerdo, mas do lado direito ele ñ vai até o fim.

Deixei de fazer o que agora?

Cara, desde já MUUUITO OBRIGADO.

https://db-rainbow.lojaintegrada.com.br/pagina/teste.html

Você criou uma div#corpo, quando na verdade o que precisa ser feito é posicionar o seu div de fundo na div#corpo já existente na página

Abs,
Flores | www.upper.rocks

1 Curtida

@upper.rocks, neste exato momento, eu fiz uma gambiarra aqui, que funcionou, declarei uma div after igual a before, só que com left:100%. E deu certo, mas depois por curiosidade vou fazer o que você me disse agora.

Cara, muito obrigado pela atenção e paciência! Muito obrigado mesmo!

1 Curtida