1
Twiztid
Screen Resolution
  • 2006/9/29 9:39

  • Twiztid

  • Just popping in

  • Posts: 49

  • Since: 2006/7/21


Hey guys.

I am getting frustrated with the lack of space available to me on my XOOPS site -- because I am forcing myself to make sure the web site is viewable in 800x600 without the user having to scroll.

Any idea on how to maximize space? Are you all still designing for 800x600, or is 1024x769 becoming common place now?

I run a community portal and I just want to maximize my space.

Any ideas/suggestion?

Currently using the 7XRed theme from 7Dana.com

peace.

2
frankblack
Re: Screen Resolution
  • 2006/9/29 9:50

  • frankblack

  • Just can't stay away

  • Posts: 830

  • Since: 2005/6/13


Quote:
Any idea on how to maximize space? Are you all still designing for 800x600, or is 1024x769 becoming common place now?


Have you ever checked your log files? Normally! screen sizes of your visitors will be displayed there.

My experience is that 800x600 is nearly extincted, so I would not design for that resolution. But maybe others have other figures?

3
damaster
Re: Screen Resolution
  • 2006/9/29 14:17

  • damaster

  • Just can't stay away

  • Posts: 556

  • Since: 2003/5/11


You can also made a liquid layout with a fixed column.
Use max-width, margins and 'em' for relative font-size.
Add some IE hacks and fixs.
Finally, search for "css liquid layout"!

I like people more than machines or money. But that's me!
Lets do something good and great: Lets do open source!

4
Will_H
Re: Screen Resolution
  • 2006/9/29 14:42

  • Will_H

  • Friend of XOOPS

  • Posts: 1786

  • Since: 2004/10/10


In my experiences I only need to design for 700x600 when I know people will be visiting from work. Seems that alot of company\s are still rocking low res monitors.

However, in most cases... how many users at home use an 800x600 resolution. My thought on this is that if you are still rocking 800x600 then you deserve to scroll.

5
gama3d
Re: Screen Resolution
  • 2006/10/19 21:45

  • gama3d

  • Just popping in

  • Posts: 4

  • Since: 2006/10/19


okay here is the solution
in your css
Quote:

#holder {
width: 964px;
margin: 10px auto 0 auto;
text-align: left;
}


964px is ideal in your 1024*768 condition

okie now edit your theme.html

add this
after head tag
Quote:

<div id=holder>


and just before /body tag
Quote:

</div>


now your theme is fixed at 1024*768 pixels

now make sure that you change the size of you right and left blocks menus to atleast 170~225px just a rough idea what ever you like
hope this works for you

Login

Who's Online

180 user(s) are online (151 user(s) are browsing Support Forums)


Members: 0


Guests: 180


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Apr 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits