10 replies to this topic

[HumansAreFriendsNotFood]

Take a look at this...

www.thewebsiteofdaniel.net

...I was wondering if there was a way to get rid of those gaps around the edges of the screen without putting in something like: 'left:-20px;'

Also, while I'm posting, I'm trying to accommodate for all screen resolutions by setting widths etc. to percentages rather than pixels - only problem is that if I try and zoom... it doesn't zoom as it should... (you'll see what I mean if you try it).

If I set the width on the images to 1024px, the zoom works and it looks fine on my screen but I doubt it will on anyone else's...

Thanks in advance for any help :)

[so1i]

Well, first thing I would suggest is forcing all margins and padding to be 0. I havn't tried to see if this will fix your problem completely (or at all) but it is good practice, as some browsers add padding/margins where others do not, leading to a lot of problems in the future. But with this it enforces them all to be 0.

Use the following code in your css file:

* {
	margin:0px;
	padding:0px;
}

[HumansAreFriendsNotFood]

I've already tried that but thanks anyways :)

Any idea how I can solve this issue with the zoom?

[HumansAreFriendsNotFood]

See following post

Edited by HumansAreFriendsNotFood, 15 May 2010 - 04:56 PM.

[HumansAreFriendsNotFood]

Okay, I've updated the link...

www.thewebsiteofdaniel.net

...this is what the site is meant to look like and for me, it looks fine (1280x1028) but as soon as you resize the window or zoom, the Jquery gallery (called 'SpaceGallery') moves about when I need it to stay in it's place like everything else - I'm also not sure if it looks okay in other aspect ratios - I have a feeling that the 1280px banner is what is stopping me from making this compatible with all resolutions - would someone be able to tell me how get the spacegallery to conform? :confused:


EDIT: Also, the menu isn't all right, should I use <ul> instead?

Edited by HumansAreFriendsNotFood, 15 May 2010 - 05:00 PM.

[Root23]

No helpful remarks, but I am running a lower resolution (1024x768). Upon first glance the site looks fine on this resolution. However, I noticed the greeking runs over the image of the young gentlemen playing the trumpet on the right.

[HumansAreFriendsNotFood]

Root23 said:

No helpful remarks, but I am running a lower resolution (1024x768). Upon first glance the site looks fine on this resolution. However, I noticed the greeking runs over the image of the young gentlemen playing the trumpet on the right.

Thanks for the reply, I decided to scrap this theme and go for a more fluid design :thumbup1:

[atheium]

did you ever figure out how to remove the gaps from the edge of the screen?

[HumansAreFriendsNotFood]

No, sorry - You're just going to have to set the margins as minuses...

[atheium]

i had thought of using negative margins to remove the space but im hesitant to do so.
for me:
the html loaded in firefox creates the space
but,
the html loaded in IE doesnt.

so wouldnt using negative margins make the site look bad in IE if such is the case?

[HumansAreFriendsNotFood]

Did you set the margins and padding as 0? If you did and you're still getting an issue like me, you'll either have to implement some conditional comments for IE or have an alternate stylesheet for it (this would be better)... To be honest, it's better if you go for a design that's around 960px in length - that way, it should look good on all screen resolutions...