4WebHelp
 FAQ  •  Search  •  User Groups  •  Forum Admins  •  Smilies List  •  Statistics  •  Rules   •  Login   •  Register
Toggle Navigation Menu

 How to maintain webpage layout at different resolutions?
Post New TopicReply to Topic
View Previous Topic Print this topic View Next Topic
Author Message
vdub
Junior WebHelper
Junior WebHelper


Joined: 19 Mar 2003
Posts: 10

PostPosted: Sun Apr 20, 2003 9:24 pm (14 years, 6 months ago) Reply with QuoteBack to Top

I have finished the first bit of a community website www.brookenby.com. I published it and sent link to a few friends to review for some general feed back.
I found the following problem...
When working on the site my screen resolution was set to 1024x768 a friend viewed it at 800x600 and found the layout didnt work very well at his res.
I had used a 3 column table to set the table out. How is it possible to maintain the same layout no matter what the resolution used to view it, Hopefully with a simple solution?
OfflineView User's ProfileFind all posts by vdubSend Personal Message
drathbun
WebHelper
WebHelper


Joined: 01 Mar 2003
Posts: 69
Location: Texas

PostPosted: Sun Apr 20, 2003 10:10 pm (14 years, 6 months ago) Reply with QuoteBack to Top

IMHO, there is no "simple" answer. A couple of options... you can (a) design for 800 x 600 and leave it as a fixed width, leaving "wasted" space for those with larger windows. Or you can design a "floating" design where at least one of your columns is variable width so that the screen will resize in an appropriate fashion.

For example, you say you have 3 colulmns. Two of them should (could) be a fixed width, in absolute pixel terms. The third would be width="100%" which is a way to ask it to take the remaining space. The challenge is to work with the graphics and layout in such a way that the layout looks good for all resolutions, from 800 x 600 on up.

800 x 600 is considered a base-level resolution these days. Most folks have at least that, if not more. But don't assume that because someone has a larger monitor they run full screen windows. We had a discussion on that about a month or so ago. Wink

Good luck! Cool

Dave

________________________________
Dave
Photography Site :: Query Tools Forum :: Weekend Fun
OfflineView User's ProfileFind all posts by drathbunSend Personal MessageVisit Poster's Website
Gary
Junior WebHelper
Junior WebHelper


Joined: 30 Apr 2003
Posts: 21
Location: the UK, Devon

PostPosted: Mon May 26, 2003 4:13 pm (14 years, 4 months ago) Reply with QuoteBack to Top

Hi sorry for bringing this post back from the dead but

http://thesummer.net/v2/sq1/index2.php

i made that and it seems whatever the size it holds the screen resolution and actually looks okay, sorry for the poor design lol its only for testing.
OfflineView User's ProfileFind all posts by GarySend Personal MessageVisit Poster's WebsiteMSN Messenger
Daniel
Team Member



Joined: 06 Jan 2002
Posts: 2564

PostPosted: Mon May 26, 2003 4:19 pm (14 years, 4 months ago) Reply with QuoteBack to Top

If I don't make the window big enough, I get scrollbars (and I don't have a tiny window either Razz).

________________________________
Image
OfflineView User's ProfileFind all posts by DanielSend Personal Message
Darren
Team Member



Joined: 05 Feb 2002
Posts: 549
Location: London

PostPosted: Mon May 26, 2003 6:52 pm (14 years, 4 months ago) Reply with QuoteBack to Top

Daniel wrote:
If I don't make the window big enough, I get scrollbars (and I don't have a tiny window either Razz).


Its fine at 800x600 for me, although one of the <td>s is set to over 1000 so I'm not sure why.

besides the browser maybe choking on the invalid html - e.g. unclosed tables and an extra body tag Wink
OfflineView User's ProfileFind all posts by DarrenSend Personal MessageVisit Poster's Website
verto
Senior WebHelper
Senior WebHelper


Joined: 14 Jan 2002
Posts: 220
Location: Cambridge MA USA

PostPosted: Tue May 27, 2003 3:55 pm (14 years, 4 months ago) Reply with QuoteBack to Top

Also works for me in IE6/Win. What browser version/make are you using, Gary?

I'd back up what Darren said:
first try fixing the cell with width set to '1019,' and then fix your other code. The easiest way to find and fix the rest of the errors would probably be to validate your code, which is easy, and something you might want to get in the habit of doing (esp. when you have problems like this one).

Looks like you're using DW too, so validation should be easy if you click on DW's editor button to switch into HomeSite, which has a button to click for validation, shows you line numbers of the errors, and lots more. Smile

________________________________
>>>>>>>>>>>>>
GENERAL DISCLAIMER:This disclaimer may be void where null in all cases unless explicitly not unprohibited or (p)re-exclusively assigned by sufficient presedimentation on behalf of every non-interested party to wit (or so it was said).
:::
.: :. . : :....: :.: .: :. verto .: :. . : :....: :.: .: :.
OfflineView User's ProfileFind all posts by vertoSend Personal Message
Gary
Junior WebHelper
Junior WebHelper


Joined: 30 Apr 2003
Posts: 21
Location: the UK, Devon

PostPosted: Tue May 27, 2003 9:26 pm (14 years, 4 months ago) Reply with QuoteBack to Top

i use Internet Ex. V6 Smile
OfflineView User's ProfileFind all posts by GarySend Personal MessageVisit Poster's WebsiteMSN Messenger
verto
Senior WebHelper
Senior WebHelper


Joined: 14 Jan 2002
Posts: 220
Location: Cambridge MA USA

PostPosted: Wed May 28, 2003 2:02 am (14 years, 4 months ago) Reply with QuoteBack to Top

Well, sorry about that, Gary -- just noticed that it was actually Daniel who reported the problem. Wink

But I'd still recommend fixing your code as suggested above. Maybe it'll also cover the problem Daniel noticed. Neutral

________________________________
>>>>>>>>>>>>>
GENERAL DISCLAIMER:This disclaimer may be void where null in all cases unless explicitly not unprohibited or (p)re-exclusively assigned by sufficient presedimentation on behalf of every non-interested party to wit (or so it was said).
:::
.: :. . : :....: :.: .: :. verto .: :. . : :....: :.: .: :.
OfflineView User's ProfileFind all posts by vertoSend Personal Message
Gary
Junior WebHelper
Junior WebHelper


Joined: 30 Apr 2003
Posts: 21
Location: the UK, Devon

PostPosted: Mon Jun 02, 2003 7:25 pm (14 years, 4 months ago) Reply with QuoteBack to Top

LOL yeah i will do, it was a bad design so i think ill start again, thanks for the tips Smile
OfflineView User's ProfileFind all posts by GarySend Personal MessageVisit Poster's WebsiteMSN Messenger
Liquor_Riss
Junior WebHelper
Junior WebHelper


Joined: 21 Jun 2003
Posts: 3
Location: Hampshire, England.

PostPosted: Sun Aug 24, 2003 8:01 pm (14 years, 1 month ago) Reply with QuoteBack to Top

If you use <div> tags (<div=center>YOUR CODE</div>) then the site should be centred on all browsers.
OfflineView User's ProfileFind all posts by Liquor_RissSend Personal MessageSend emailVisit Poster's WebsiteMSN Messenger
nikhilmng
Junior WebHelper
Junior WebHelper


Joined: 01 Sep 2003
Posts: 2

PostPosted: Fri Sep 05, 2003 6:30 pm (14 years, 1 month ago) Reply with QuoteBack to Top

yeah.. i think i got some new and good info athis forum!! this is really anice place to hang on... its better than yahoo chatrooms !! Cool

________________________________
Web Designing Hosting Website Designing Dating india matrimonials online casino internet gambling online sportsbook free government grants us federal grants businessOnline sportsbook Internet
OfflineView User's ProfileFind all posts by nikhilmngSend Personal MessageVisit Poster's Website
Darren
Team Member



Joined: 05 Feb 2002
Posts: 549
Location: London

PostPosted: Sat Sep 06, 2003 4:20 pm (14 years, 1 month ago) Reply with QuoteBack to Top

nikhilmng: Yet again you have decided to post a reply to an old topic, and yet again it bears no relevance to that topic - sigh! Rolling Eyes
OfflineView User's ProfileFind all posts by DarrenSend Personal MessageVisit Poster's Website
Display posts from previous:      
Post New TopicReply to Topic
View Previous Topic Print this topic View Next Topic


 Jump to:   




You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot edit your posts in this forum.
You cannot delete your posts in this forum.
You cannot vote in polls in this forum.


Page generation time: 0.057402 seconds :: 18 queries executed :: All Times are GMT
Powered by phpBB 2.0 © 2001, 2002 phpBB Group :: Based on an FI Theme