If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Enjoy an ad free experience by logging in. Not a member yet? Register.

Need some help formatting Website for all monitor sizes

Hi there,

I've been designing a site using HTML/CSS for the past day, and I have the homepage complete. It looks great on my 24" Mac (in Safari, Firefox, and Chrome), and it looks good on my 15" Mac laptop (except when I use Firefox, for some reason the alignment is all off). The real issue is when I view my site on a 13" Maclaptop - the site appears very zoomed in and everything is overlapping and out of alignment. I'll post my CSS and HTML code below in addition to a screenshot of how it should look and how it does look on the 13". Any help trying to resolve the issue would be greatly appreciated!

Users who have thanked tempz for this post:

My site isn't live yet (just got started on it yesterday and was trying to get the homepage done), but i've uploaded a zip file of my site (index.html, css and images) here if you want to take a look: http://ge.tt/3844sAT/v/0?c

Hey, I just wanted to add that everything is looking great so far - better than I could have expected!

For the longest time (before posting this on this site) I was trying to add a Facebook "like" button in the black box listing the 3 awards (sort of near the bottom of the box and centred), but all that was appearing was a big white box (no matter what method I tried). Basically I was trying to get this: http://developers.facebook.com/docs/.../plugins/like/ , but couldn't, so I settled on that line of text that links to the page to like. If it doesn't take long and you know how to add this it would be amazing, but if not no worries at all because you've already done more than I could have imagined!

Hey, I just wanted to add that everything is looking great so far - better than I could have expected!

For the longest time (before posting this on this site) I was trying to add a Facebook "like" button in the black box listing the 3 awards (sort of near the bottom of the box and centred), but all that was appearing was a big white box (no matter what method I tried). Basically I was trying to get this: http://developers.facebook.com/docs/.../plugins/like/ , but couldn't, so I settled on that line of text that links to the page to like. If it doesn't take long and you know how to add this it would be amazing, but if not no worries at all because you've already done more than I could have imagined!

You don't need @name any more - I was talking to at first not sunny didn't want you to get confused

If you would like to show me where you want to put the like button via the live website (printscreen).