Salve, come da titolo ho un problema con la visualizzazione del sito su dispositivi differenti
1 - Sotto l'header con il cel si crea uno spazio che con il tablet non c'è. volevo sapere se è un problema di codice.
2 - Sotto il footer si crea uno spazio, anche in questo caso non so il perchè.
Allego il codice e le immagini per rendere meglio il problema.
Codice PHP:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<style type="text/css">
body
{
margin: 0 auto;
}
#header
{
margin:auto;
position:fixed;
left:0;
right:0;
top: 0;
width: 100%;
max-width: 1000px;
text-align: center;
background-color: #fff;
}
#container
{
margin:auto;
width: 100%;
max-width: 1000px;
text-align: center;
background-color: #fff;
padding-bottom: 100px;
padding-top: 100px;
}
#footer
{
margin: auto;
position:fixed;
left:0;
right:0;
bottom: 0;
width: 100%;
max-width: 1000px;
text-align: center;
background-color: #fff;
}
</style>
</head>
<body>
<div id="header">
<img src="img/HEADER.png" style="width:100%;" >
</div>
<div id="container">
<img src="img/CONTAINER.png" style="width:100%;">
<img src="img/CONTAINER.png" style="width:100%;">
<img src="img/CONTAINER.png" style="width:100%;">
<img src="img/CONTAINER.png" style="width:100%;">
<img src="img/CONTAINER.png" style="width:100%;">
<img src="img/CONTAINER.png" style="width:100%;">
</div>
<div id="footer">
<img src="img/FOOTER.png" style="width:100%;" >
</div>
</body>
</html>
i link delle due immagini che non riesco a caricare (dalle immagini non si capisce bene, ma sotto il footer c'è uno spazio di circa 10px)
https://ibb.co/fGeuRV
https://ibb.co/fZbkYA