raucherbein
Goto Top

Grid in div

Hallo hallo hallo.

Ich habe 2 Fragen.

1. Kann man ein Grid-Layout inner halb div-Tags innerhalb des Body erstellen ?
2. Ich hae das mal wie oben beschrirben getan. Passt auch soweit nur das jetzt auf einmal das Footer-Element in der Mitte rumeiert. Keine Ahnung warum.
Wie bekomme ich das ding nach unten verbannt ?????

Siehe Screenis.

Hier ein Auszug aus der Index:

<div class="gallerie">  
      <img src="img/probook650g3.jpg" alt="ProBook 650 G3" width="400" height="400">  
      <img src="img/probook650g3.jpg" alt="ProBook 650 G3" width="400" height="400">  
      <img src="img/probook650g3.jpg" alt="ProBook 650 G3" width="400" height="400">  
      <img src="img/probook650g3.jpg" alt="ProBook 650 G3" width="400" height="400">  
      <img src="img/probook650g3.jpg" alt="ProBook 650 G3" width="400" height="400">  
      <img src="img/probook650g3.jpg" alt="ProBook 650 G3" width="400" height="400">  
      <img src="img/probook650g3.jpg" alt="ProBook 650 G3" width="400" height="400">  
      <img src="img/probook650g3.jpg" alt="ProBook 650 G3" width="400" height="400">  
      <img src="img/probook650g3.jpg" alt="ProBook 650 G3" width="400" height="400">  
      <img src="img/probook650g3.jpg" alt="ProBook 650 G3" width="400" height="400">  
      <img src="img/probook650g3.jpg" alt="ProBook 650 G3" width="400" height="400">  
      <img src="img/probook650g3.jpg" alt="ProBook 650 G3" width="400" height="400">  

</div>



<footer>
      <p>Copyright &copy; 2022 ADFADFDFSAF </p>
      <p>Designed by asdSAADSFDSAF</p>
</footer>


</body>
</html>


Auszug aus der CSS:

.gallerie {
	display: grid;
    grid-template-columns: repeat(auto-fill, 28em);
}



footer {
	position: absolute;
	background: #343b42;
	color: rgba(255,255,255,0.4);
	bottom: 0;
	width: 100%;
	line-height: 1.5em;
	text-align: center;
	margin: 0;
}


footer p {
	font-size: 13px;
}



Besten Dank.
grid

Content-Key: 2012991912

Url: https://administrator.de/contentid/2012991912

Ausgedruckt am: 29.03.2024 um 13:03 Uhr

Mitglied: 1915348599
Lösung 1915348599 26.02.2022 um 21:49:51 Uhr
Goto Top
Keine Ahnung warum.
Deswegen
position: absolute;
Mitglied: Raucherbein
Raucherbein 26.02.2022 um 21:51:51 Uhr
Goto Top
@1915348599, besten Dank.

Thema erledigt.