tag <main> non si vuole allineare al centro

**kove** · 07-08-2014, 16:46

Salve,

sto cercando di far allineare questo <main> al centro, ma non ne vuole sapere.
Qui c'è l'html :

codice:

<!doctype html><html>
<head>
<meta charset="utf-8">
<title>Spesasprint - Spesa Online Marzi e Fulignati</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<main id="mainblock">
  <header id="shop_controls">
  	<ul>
    	<li>Registrati</li>
        <li>Login</li> 
        <li><img src="images/carrello-spesa-menu-top.png" width="29" height="20" alt=""/>Carrello</li>
    </ul>
  </header>
  <header id="logo"><a href="/"><img src="images/logo-marzi-e-fulignati-top.png" width="301" height="108" alt="Marzi &amp; Fulignati"/></a></header>
  <nav id="main_menu"><ul>
    <li><a href="#"><img src="images/icon-home.png" width="30" height="24" alt=""/></a></li>
    <li><a href="#">Spesa online</a></li>
    <li><a href="#">come funziona</a></li>
    <li><a href="#">offerte</a></li>
    <li><a href="#">prodotti toscani</a></li>
    <li><a href="#">contatti</a></li>
  </ul>
  </nav>
  <div id="col_snx">
    <section id="showcase">
      
      <div id="box_interno_showcase">
        <h1 id="scrittagrossa">Fai la tua spesa</h1><br/> 
        <span> <em>Con un Click!</em></span><br/>
        <span id="scrittapiccola">Aggiungi prodotti al carrello, vai alla cassa e noi te la portiamo a casa</span>
      </div>
      
      <img id="showcase_img" src="images/spesa_online.jpg" width="704" height="363" alt=""/>
      <ul>
        <li><a href="#"><img src="images/carrelo-spesa-box-snx.png" width="52" height="45" alt=""/><span>Più di 4000 prodotti</span>					</a></li>
        <li><a href="#"><img src="images/biglietto-offerte-box-snx.png" width="53" height="49" alt=""/><span>Sconti per te ogni giorno</span></a></li>
        <li><a href="#"><img src="images/home-box-snx.png" width="49" height="45" alt=""/><span>Spesa a casa tutti i giorni</span></a></li>
      </ul>
    </section>
    
    <div id="box_centr_snx">
      <section id="offerte">
        <h2>Prodotti in Offerta</h2>
        
        <div class="offerta">
          <img src="images/biscotti-sigma-offerta.jpg" width="137" height="74" alt=""/>
          <span class="tit_art">Biscotti Sigma</span>
          <span class="desc_art">Confezione 300g</span>
          <span class="prezz_art">1,90€</span>
         </div>
        
        <div class="offerta">
          <img src="images/rotoloni-sigma-offerta.jpg" width="129" height="103" alt=""/>
          <span class="tit_art">Bobina Sigma</span>
          <span class="desc_art">Confezione 3 rotoli</span>
          <span class="prezz_art">0,95€</span>
          </div>
        
        <div class="offerta">
          <img src="images/sottolio-offerta.jpg" width="74" height="95" alt=""/>
          <span class="tit_art">Sottolio</span>
          <span class="desc_art">Antipasto 85gr</span>
          <span class="prezz_art">2,95€</span>
          </div>
        <!-- segue fine offerte -->
      </section>
      
      <section id="vantaggi_del_servizio">
        <h2>I vantaggi<br/> del Servizio</h2>
        <span>Nessuna fila, niente stress, problemi di parcheggio e più tempo per te</span>
      <img src="images/bottone.png" width="18" height="18" alt=""/><a href="#">Leggi tutto</a> </section>
    <!-- segue fine box centr_snx -->
    </div>
  
  
  <section id="consegna_a_casa">
    <h2>Consegna a Casa</h2>
    <span>Tutti i giorni, 2 volte al giorno</span>
    <img src="images/furgone-marzi-e-fulignati.jpg" width="224" height="142" alt=""/>
  </section>
  
  <div id="container_down">
  	<div id="deunasega">
   	  <h3><img src="images/logo_deunasega_03.png" width="189" height="114" alt="Deunasega prodotti alimentari"/></h3> 
    <span>I prodotti ufficiali del marchio empolese in esclusiva da noi!</span>
    </div>
  	
    <div id="assistenza_clienti">
    <img src="images/servizio_clienti_spesasprint_marzi_e_fulignai_03.jpg" width="450" height="115" alt=""/>
    <img src="images/assistenza_clienti_spesasprint.png" width="116" height="103" alt=""/> 
    	<div><h3>Servizio Clienti</h3>
    	<span><br />+39 <strong>0571 66 75 46</strong></span>
        </div>
    </div>
    
        
    
  </div>
    
    <!-- segue fine col_snx -->
</div>
  
  
  
    
  <aside id="right_sidebar">
    <div id="search_form">
    <input id="cerca" placeholder="... cerca il prodotto" type="search"><input id="bottone_cerca" type="button" value="CERCA">
    </div>
  <div id="newsletter">
    NEWS <br/>
    LETTER 
    </div>
  <div id="subnewsletter">
    </div>
  
  <div id="newsletter_form">
    <input placeholder="... la tua email" type="text">
    <a href="#"><img id="bottone_newsletter" src="images/bottone.png" width="18" height="18" alt=""/></a> 
    </div>
  
  <div id="prodotti_toscani">
    <img src="images/vendita_prodotti_tipici_toscani.png" width="220" height="130" alt=""/> 
    <h2>I NOSTRI TOSCANI</h2>
    Ampia scelta di prodotti <br /> tipici toscani di filiera corta  
    </div>
  
  <div id="orario_consegna">
    <img src="images/home_Spesasprint_42.png" width="42" height="43" alt=""/>
    <h2>ORARIO CONSEGNA</h2>
    <h3>SPESA SPRINT</h3>
    <span>Lunedì - Sabato</span>
    <span>8:00 / 20:00</span>
    <h3>SPESA DRIVE</h3>
    <span>Lunedì - Sabato</span>
    <span>8:00 / 19:00</span>    
    </div>
  
</aside>
  
</main>
</body>
</html>

Questo è il CSS.

codice:

#mainblock {	margin: auto;
	width: 952px;
	background: url(images/carrello-background.png) no-repeat top right;
}

Qualcuno può aiutarmi ?

**KillerWorm** · 12-08-2014, 17:28

Ciao, per caso stai testando su IE? in tal caso l'elemento main non è supportato.

**Leox94** · 15-08-2014, 12:23

Come detto in precedenza da "killerWorm" controlla magari su un altro browser come Chrome o Mozilla. In caso avessi ancora problemi potresti provare in questo modo:

codice:

html, body {margin:0 auto;}

main {margin:0 auto; ...}

Discussione: tag <main> non si vuole allineare al centro

Strumenti discussione

Ricerca discussione

Visualizza

tag <main> non si vuole allineare al centro

Permessi di invio