DIV Centrato con width 100%

**MM88** · 03-04-2015, 00:03

Ciao a tutti, vi chiedo scusa se vi interrogo su un argomento molto spesso discusso, ma ho consultato diversi thread sul forum e non comprendo il mio errore. Questo è il mio css:

codice:

body {
    background-color: #000000;
    background-position:center top;
    margin: 0; text-align: left; padding: 0;
    overflow-x: hidden; 
    overflow-y: hidden;
}
#wrapper {
background-image: url("images/index.jpg");
background-position: center top;
background-attachment: scroll;
text-align: center;
border: 0;
background-repeat: no-repeat;
position: relative;
padding: 0px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
clear: both;
width: 100%;
}

Nonostante tutti questi accorgimenti, l'immagine usata come background del wrapper, e quindi il wrapper stesso, appare allineato a sx, invece di trovarsi al centro.

Come mai?

grazie!

**Al_katraz984** · 03-04-2015, 10:56

perchè non c'è nessuna regola che ti posiziona il div al centro...

Codice PHP:


#wrapper {
  margin: 0 auto;
  width: 80%;
}

tutto il resto è inutile

**MM88** · 03-04-2015, 12:17

ti ringrazio per la risposta ma rimane sempre sbilanciato su un lato. Lo sbilanciamento che esisteva prima si è ulteriormente estremizzato. Non ne comprendo il motivo.

hai qualche altro test che posso fare? grazie

**carlomarangoni** · 03-04-2015, 18:32

Originariamente inviata da MM88

....hai qualche altro test che posso fare? grazie

Metti la pagina online e dacci il link così si può avere un'idea del problema

**MM88** · 03-04-2015, 19:32

Originariamente inviata da carlomarangoni

Metti la pagina online e dacci il link così si può avere un'idea del problema

Grazie per l'aiuto. Fino ad ora l'ho provato su un server sul pc, ma si tratta di una sola pagina e una img:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CARTE</title>
<style type="text/css">
<!--
body {
    background-color: #000000;
    background-position:center top;
    margin: 0; text-align: left; padding: 0;
    overflow-x: hidden; 
    overflow-y: hidden;
}
#wrapper {
background-position: center top;
text-align: center;
border: 0;
background-repeat: no-repeat;
position: relative;
padding: 0px;
margin-top: 0;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
clear: both;
width: 100%;
}
-->
</style>
</head>


<body>
<div id="wrapper">
<img src="carte.jpg"/>
</div>
</body>


</html>

con questa img di 1796px: http://s8.postimg.org/qck4x5r1h/carte.jpg

deve essere un piccolo errore nel CSS, voi lo troverete subito. Grazie dell'aiuto!

**carlomarangoni** · 03-04-2015, 22:18

Non riesco ad inviare il codice

**carlomarangoni** · 03-04-2015, 22:25

Prova così a me risulta tutto centrato

**Al_katraz984** · 07-04-2015, 10:20

ma quell'immagine che hai sul body dovrebbe essere lo sfondo del sito?

a parte che è enorme, se serve da sfondo, non va inserita cosi nella struttura html.

Discussione: DIV Centrato con width 100%

Strumenti discussione

Ricerca discussione

Visualizza

DIV Centrato con width 100%

Permessi di invio