Salve a tutti,
Ancora una volta sono alle prese con il mio sito web Azienda Agricola Biologica Il Contadino Bio
Apritelo via browser (dovrebbe andare) e via smartphone...esatto, il caos!
Il risultato è pressochè identico su mobile browser quali Chrome, Mozilla, Opera e Dolphin.
-I'header flash è intabellato e allineato al centro.
-Stessa storia per il rettangolo azzurro sfumato ai lati che ho messo in background.
codice:
body {
background: url(../images/sfondo.png) no-repeat top center;
}
- Ho qualche dubbio riguardo al menù, anche se, visto come si comporta
assieme agli elementi già centrati e funzionanti sui browser
tradizionali potrebbe non richiedere nessun intervento.
codice:
@charset "utf-8";
/* CSS Document */
#sse2
{
/*You can decorate the menu's container, such as adding background images through this block*/
background:#fff url(../images/verde.gif) no-repeat center;
height: 20px;
padding: 10px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
#sses2
{
margin:0 auto;/*This will make the menu center-aligned. Removing this line will make the menu align left.*/
}
#sses2 ul
{
position: absolute;
list-style-type: none;
float: center;
padding: 0;
margin: 0;
width: 1074px;
top: 225px;
height: 43px;
}
#sses2 li
{
float: left;
list-style-type: none;
padding:0;margin:0;background-image:none;
}
/*CSS for background bubble*/
#sses2 li.highlight
{
background:#693500 url(../images/mb2_2.gif) no-repeat center bottom;
top:3px;
height:17px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
z-index: 1;
position: absolute;
overflow:hidden;
}
#sses2 li a
{
width: 2000;
height:30px;
padding-top: 3px;
margin: 0 30px;/*used to adjust the distance between each menu item. Now the distance is 20+20=40px.*/
color: #f6f165;
font: strong 12px arial;
text-align: center;
text-decoration: none;
float: center;
display: block;
position: relative;
z-index: 2;
}
Grazie a tutti per l'eventuale aiuto
Saluti