• Locked
No replies
Mon, 2014-09-01 14:40
dRyW
dRyW's picture
Offline
newbie
Italy
Last seen: 8 years 39 weeks ago
Italy
Timezone: GMT+2
Joined: 2012-09-06
Posts: 5
Points: 9

Hi everyone,

I'm incontering a few setbacks with my website (www.ilcontadinobio.it)
Try to open it on pc browsers (it should be fine) and on smartphone...exactly, the chaos!
It behave pretty much the same on browsers such as Chrome, Mozilla, Opera, Dolphin.

-the flash header is within table and centered.

-same story for the azure rectangle with fading sides that I put in backgroung.

body {
  background: url(../images/sfondo.png)  no-repeat top center;
}

-Less convincing is the green menù which I don't know whether there is any setting that might change its position but since it work on standerd browsers leave me clueless.

@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;
}

Thanks for your help

Top
Tags: