Salve ragazzi, sono nuovo e vi ringrazio in anticipo per l'aiuto che mi darete.
Come da titolo ho problemi a centrare il contenuto del sito nella pagina
questo è il codice
e questo è il risultatocodice:<!DOCTYPE html> <html> <style type="text/css"> body { margin: 0 auto; } #header { width: 100%; max-width: 950px; text-align: center; background-color: #fff; } #container { width: 100% max-width: 950px; text-align: center; background-color: #fff; padding-bottom: 180px; } #footer { position: fixed; bottom: 0; width: 100%; max-width: 950px; text-align: center; background-color: #fff; } </style> <body> <center> <div id="header"> <img src="img/HEADER.png" width=100% > </div> <div id="container"> <img src="img/CONTAINER.png" width=100% > <img src="img/CONTAINER.png" width=100% > <img src="img/CONTAINER.png" width=100% > </div> <div id="footer"> <img src="img/FOOTER.png" width=100%> </div> </center> </body> </html>
http://sitoprovatgrbrtb.altervista.org/
ho usato delle immagini per semplificare, come potete vedere i "container" sono a tutta larghezza nonostane abbia messo "max-width: 950px" e il footer sta tutto a sinistra.
ho creato un'appplicazione con appsgeyser e il risultato è questo
apk.jpg
il container sta centrato, header centrato ma non al 100% e il footer sta sempre per gli affari suoi.
se potete aiutarmi vi ringrazio perche non riesco a capire il motivo.
Rispondi quotando