by Anonymous » 05 Mar 2025, 04:33
Mein Kopfball und die Div unterhalb des Headers umarmen die Seiten der Webseite nicht so, wie ich es möchte. Obwohl ich den Rand auf 0 gesetzt habe, gibt es immer noch einen 10px -Vorsprung. Wie repariere ich das. />
Code: Select all
#header{
display: grid;
position: absolute;
top:0;
left:0;
right:0;
height:90px;
background-color: #00719e;
text-align: center;
grid-template-columns: 13% 13% 13% 22% 13% 13% 13%;
min-width: 1570px;
margin: 0px;
}
#searchBox{
margin-top: 90px;
height: 50px;
background-color: aliceblue;
margin-left: 0%;
margin-right: 0%;
}
#cardsContainer{
margin-left: 60px;
margin-right: 60px;
display: grid;
grid-template-rows: 1fr;
justify-items: center;
align-items: center;
}
.headerButton{width:200px; height:50px; justify-self: center; align-self: center;}
#searchInput{ width:1810px; height:45px; margin: 0%;}
#searchButton{height:50px; border-radius: 50%;}
#header{margin-right: 10px; margin-left: 10px; font-size: xx-large;}< /code>
News
Sports
Entertainment
Health
Science
Technology
Economics
Search
Mein Kopfball und die Div unterhalb des Headers umarmen die Seiten der Webseite nicht so, wie ich es möchte. Obwohl ich den Rand auf 0 gesetzt habe, gibt es immer noch einen 10px -Vorsprung. Wie repariere ich das. />
[code]#header{
display: grid;
position: absolute;
top:0;
left:0;
right:0;
height:90px;
background-color: #00719e;
text-align: center;
grid-template-columns: 13% 13% 13% 22% 13% 13% 13%;
min-width: 1570px;
margin: 0px;
}
#searchBox{
margin-top: 90px;
height: 50px;
background-color: aliceblue;
margin-left: 0%;
margin-right: 0%;
}
#cardsContainer{
margin-left: 60px;
margin-right: 60px;
display: grid;
grid-template-rows: 1fr;
justify-items: center;
align-items: center;
}
.headerButton{width:200px; height:50px; justify-self: center; align-self: center;}
#searchInput{ width:1810px; height:45px; margin: 0%;}
#searchButton{height:50px; border-radius: 50%;}
#header{margin-right: 10px; margin-left: 10px; font-size: xx-large;}< /code>
News
Sports
Entertainment
Health
Science
Technology
Economics
Search
[/code]