3 replies [Last post]
mitcho
Offline
Enthusiast
Last seen: 12 years 2 weeks ago
Joined: 2006-04-01
Posts: 93
Points: 0

hi all, im making a website layout using CSS and am running into some problems using a float div on Mac Safari.

The site i am making is here: http://www.squarepegwoodworks.com.au/admin/

The contact button in the top right is positioned using float, see CSS below:

#contact{
float:right;
width:130px;
height:90px;
margin-left: 690px;
@margin-left: 630px;
padding:0px 0px 0px 0px;
margin-top:-90px;
@margin-top:-90px;
margin-bottom:0px;
text-align:right;
}

it works fine in IE and FF, but in mac safari its way off to the side and down a bit.

Is my CSS right? should i use some other method to position it where i want it?

Appreciate anyones help.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 1 week ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Floats need to come first so

Floats need to come first so either float the banner and give #contact the large margin or move #contact ahead of #banner.

Also, why have you wrapped the whole thing in a form, and particularly a form with no action? :?

And you shouldn't be using blockquotes for their presentational effects. Blockquotes, as their name suggests, should be used for block quotations - you don't have any quotes on your page.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

mitcho
Offline
Enthusiast
Last seen: 12 years 2 weeks ago
Joined: 2006-04-01
Posts: 93
Points: 0

Thanks. Great advice. Ive

Thanks.

Great advice.

Ive all updated it now as per your comments. However i dont have safari so ill have to check later.

mitcho
Offline
Enthusiast
Last seen: 12 years 2 weeks ago
Joined: 2006-04-01
Posts: 93
Points: 0

update: ive checked now and

update: ive checked now and its all working in safari... cheers