resolution problems

Mizz Curly · Joined: 22 Feb 2008 Posts: 4

I'm trying to 'develop' a site but i have a 20 inch monitor. This doesnt view the same as smaller monitors or rather lower resolutions.

A friend has coded something for me as i couldnt get the iframe i needed quite right but now that the files are open on computer again the iframe is still in the wrong place unless i pull the window in from the sides ... how can get over this so that i can see what I'm doing ?

What will happen if i continue to 'develop' with the window pulled in so that my screen resembles a smaller size and how will this display once i upload it to the web?

Any one know please .... its driving me crazy

thanks

sasha

pearl_08 · Joined: 06 Apr 2008 Posts: 2 Location: India

Hi friend,

Well, to remove this resolution problem you can better use External css. I mean to say use “div” concept or use 100% table concept.

#maincontainer {
position: absolute;
width: 100%;
top: 0px;
left: 0px;
}

Define your div such as <div id=”maincontainer”></div>
Put all the things into this div.

Using div or 100% table, the site can be best viewed in all different resolution (greater than 800*600).

Hope this will help you.

Good luck.

sticks464 · Joined: 31 Dec 2006 Posts: 1172

Read this guide on resolution
http://www.sitepoint.com/forums/showthread.php?t=463591