No replies
dRyW's picture
Last seen: 8 years 39 weeks ago
Timezone: GMT+2
Joined: 2012-09-06
Posts: 5
Points: 9

Hi everyone,

I'm incontering a few setbacks with my website (
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 */
    /*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;
    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;
/*CSS for background bubble*/
#sses2 li.highlight
    background:#693500 url(../images/mb2_2.gif) no-repeat center bottom;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    z-index: 1;
    position: absolute;
#sses2 li a
    width: 2000;
    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