[Resolved] mac problem??

[sonicfusion]

a client of mine informs me that the navigation on this page doesn't work on his mac. does anyone know why this is and how to sort it out

http://www.sonicfusion.co.uk/plc/

thanks in advance

[planetsim]

Well what was the exact problem? I dont have a Mac so I cannot see what the problem is. Also do you know what browser they used?

[sonicfusion]

it is internet explorer on a mac

i think it may be a css problem as if you look at the source the text is there but not been displayed 😕

[bladx]

actually it looks like it's your problem,
i looked at the CSS, and you had float: left inside the main { } style... i'm not sure why it is in there. it makes the body text in that grey box to the right not show up. you don't want to have two items trying to float to the left of the screen, when you wanted one of the items to be to the right. hope that helps 🙂

here is the CSS that worked in IE for the mac...

body {
	font-family: sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	color: #3C3C3C;
	margin: 0px;
}
td {
	font-size: 12px;
}
a {
	color: #009E63;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
	background-color: #D6D6D6;
}
#container {
	margin: 3px;
	display: block;
	width: 100%
}
#header {
	width: 100%;
	height: 100px;
	color: #E7E7E7;
}
#rule {
	display: block;
	width: 100%;
	height: 25px;
	background-color: #081C63;
	color: #E7E7E7;
	text-align: center;
}
#rule a {
	color: #E7E7E7;
}
#back {
	width: 100%;
	text-align: center;
}
#menu {
	float: left;
	width: 220px;
	padding: 10px;
	background-color: #E7E7E7;
	border: 5px solid #FFFFFF;
	color: #009E63;

}
#menu td {
	color: #009E63;
	font-weight: bold;
}
#main{
	width: 520px;
	padding: 10px;
	background-color: #E7E7E7;
	border: 5px solid #FFFFFF;
	color: #3C3C3C;
	font-size: 12px;
}

[sonicfusion]

thanks bladx, turned out to be the float problem as you said. saved me a lot of time😃