The "Freeola Customer Forum" forum, which includes Retro Game Reviews, has been archived and is now read-only. You cannot post here or create a new thread or review on this forum.
I've just finished work on a website for a friend, its not online yet but I went to see them today just to show them the final version.
Small problem though, I've been designing the site on my laptop so its set for a 1024*768 display. He's using 800*600 so it doesn't quite display as planned on his machine and his monitor is too small for him to use a bigger resolution.
Anything that can be done to optimize the code to run well on both displays? Something I've never come across before so I know very little about what can be done.
Will I have to redesign the site for the smaller display and just accept how it appears on 1024*768?
Any advice and info would be much appreciated.
Small problem though, I've been designing the site on my laptop so its set for a 1024*768 display. He's using 800*600 so it doesn't quite display as planned on his machine and his monitor is too small for him to use a bigger resolution.
Anything that can be done to optimize the code to run well on both displays? Something I've never come across before so I know very little about what can be done.
Will I have to redesign the site for the smaller display and just accept how it appears on 1024*768?
Any advice and info would be much appreciated.
Page:
I've just finished work on a website for a friend, its not online yet but I went to see them today just to show them the final version.
Small problem though, I've been designing the site on my laptop so its set for a 1024*768 display. He's using 800*600 so it doesn't quite display as planned on his machine and his monitor is too small for him to use a bigger resolution.
Anything that can be done to optimize the code to run well on both displays? Something I've never come across before so I know very little about what can be done.
Will I have to redesign the site for the smaller display and just accept how it appears on 1024*768?
Any advice and info would be much appreciated.
Small problem though, I've been designing the site on my laptop so its set for a 1024*768 display. He's using 800*600 so it doesn't quite display as planned on his machine and his monitor is too small for him to use a bigger resolution.
Anything that can be done to optimize the code to run well on both displays? Something I've never come across before so I know very little about what can be done.
Will I have to redesign the site for the smaller display and just accept how it appears on 1024*768?
Any advice and info would be much appreciated.
You can either set the width of the page to fit on an 800 x 600 resolution or use %'s so that it will use the full width of the screen no matter what the resolution is.
I'm using %'s for the widths but for some reason IE doesn't like me using that in tables.
Also using a 2 column CSS layout and in IE it moves the left hand menu images to the bottom of the screen under the content.
Firefox seems to handle it better though.
:-(
Also using a 2 column CSS layout and in IE it moves the left hand menu images to the bottom of the screen under the content.
Firefox seems to handle it better though.
:-(
Bah.
So I guess my only real option would be to redesign the site and have a version suitable for 800x600 displays and one for greater resolutions.
Unless anyone else has any suggestions or ideas?
So I guess my only real option would be to redesign the site and have a version suitable for 800x600 displays and one for greater resolutions.
Unless anyone else has any suggestions or ideas?
It would be helpful if we could see it to tell you where you're going wrong with the tables.
There should be no issues using tables with IE and FF.
There should be no issues using tables with IE and FF.
I'm assuming you possibly have an image in there which is possibly what's throwing everything out. A table cell will only collapse as far as it's content allows. If you have something like an image or link in there wider then the target screen, it'll throw it all out.
Other then that it's simple math.
Other then that it's simple math.
Colspans muck it up too if you try to set clashing columns both at 100%.
[URL]http://img.photobucket.com/albums/v472/iceman_ali/sitehelp.jpg[/URL]
Created that just to show what the basic layout is without much content.
Basically an image at the top of the page and images down the left hand side with links in them.
Problem comes with IE on small screens, the bar at the left moves to below the content of the main area of the page.
I'm totally new to CSS so I'm not sure how to stop that from happening.
The image at the top was in a table with width set to 100% but I'm going to take that out.
The left menu images are also in a table (could that be causing the problem) ?
Going to try play around with things tonight to see if I can get anywhere with it.
Created that just to show what the basic layout is without much content.
Basically an image at the top of the page and images down the left hand side with links in them.
Problem comes with IE on small screens, the bar at the left moves to below the content of the main area of the page.
I'm totally new to CSS so I'm not sure how to stop that from happening.
The image at the top was in a table with width set to 100% but I'm going to take that out.
The left menu images are also in a table (could that be causing the problem) ?
Going to try play around with things tonight to see if I can get anywhere with it.
Looking for a little bit of advice on this.
No matter what I have tried IE doesn't seem to like my design and always removes the side bar when the page size is reduced.
I was thinking I could use some javascript to find the users browser display sizes and if its too small then display a smaller version of the site designed for low resolution monitors. I know if the users have javascript turned off then this will not work but would it be an acceptable way around this problem?
No matter what I have tried IE doesn't seem to like my design and always removes the side bar when the page size is reduced.
I was thinking I could use some javascript to find the users browser display sizes and if its too small then display a smaller version of the site designed for low resolution monitors. I know if the users have javascript turned off then this will not work but would it be an acceptable way around this problem?
I don't think you should need to go that far, but without seeing the code, it's hard to find the cause of the problem.
Currently, IE has many issues with CSS, and I expect the issue may be with CSS floats, unless you're not using that CSS property?
Is there any chance we could see a live version, or perhaps a few screen shots of before and after (where the site looks fine, but then where the problem is) with the content blured out if that's what you prefer?
Currently, IE has many issues with CSS, and I expect the issue may be with CSS floats, unless you're not using that CSS property?
Is there any chance we could see a live version, or perhaps a few screen shots of before and after (where the site looks fine, but then where the problem is) with the content blured out if that's what you prefer?
Page: