Web Hosting Forum | Lunarpages
News: July 14, 2008 - New Contest! - Submit Your WordPress Theme Designs, Win BIG!
September 29, 2008 - VOTE for the Sept 2008 Site of the Month!
 
*
Welcome, Guest. Please login or register.
Did you miss your activation email?
October 06, 2008, 05:52:47 AM


Login with username, password and session length


Pages: [1]   Go Down
  Print  
Author Topic: resizing website to fit any screen res  (Read 1278 times)
Rayny
Trekkie
**
Offline Offline

Posts: 10


« on: December 19, 2007, 10:17:55 AM »

if anyone can take a look at my site www.moshpit-tragedy.com
its perfect in the standard screensize but looks messed up in bigger or smaller frames. i know i should use prcentages for tables instead of pixels but i dont have time to play around with it. if anyone can help me with it i will offer to send money via paypal. thanks!
rayny  moshpit_tragedy@yahoo.ca
Logged
ReTodd
Lunarpages Senior Designer
Developer
Jabba the Hutt
*****
Offline Offline

Posts: 553



WWW
« Reply #1 on: December 19, 2007, 11:40:02 AM »

add:

width:980px;
margin:0 auto;

to your body {} in your css
Logged

Rayny
Trekkie
**
Offline Offline

Posts: 10


« Reply #2 on: December 19, 2007, 02:37:55 PM »

thanks
i dont really know what i'm doing. tried adding it to style.css in sgci-bin but dont know what else to do with it?
Logged
PM91326
Pong! (the videogame) Master
*****
Offline Offline

Posts: 20



« Reply #3 on: December 24, 2007, 08:32:34 PM »

IMHO, site still looks good at 1200 x 800.

If you really want to try Percentage, I would check with a resolution up to at least 1800 width. Not many use higher then that, but there are still folks using the native resolution of 3k + with modern monitors native resolution.

Ur site should still look good with higher res. 

Logged
ReTodd
Lunarpages Senior Designer
Developer
Jabba the Hutt
*****
Offline Offline

Posts: 553



WWW
« Reply #4 on: December 26, 2007, 08:11:52 AM »

Looking at your source code you have this:
Code:
<style type="text/css">

body {
background-color: #000000 ;
background-image:url();
        background-position:center center;
background-attachment:fixed;
font: .8em/1.3em verdana,arial,helvetica,sans-serif;
}

#info {
width: 0px;
overflow: auto;
}

#flashcontent {
border: solid 0px #000;
width: 575px;
height: 350px;
float: center;
margin: 0px 0px;
}

.style1 {color: #990000}
</style>
in you homepage code. 

You need to add :
Code:
width:980px;
margin:0 auto;
to the body {} part. So it should read:
Code:
<style type="text/css">

body {
background-color: #000000 ;
background-image:url();
                background-position:center center;
background-attachment:fixed;
font: .8em/1.3em verdana,arial,helvetica,sans-serif;
                width:980px;
                margin:0 auto;
}

#info {
width: 0px;
overflow: auto;
}

#flashcontent {
border: solid 0px #000;
width: 575px;
height: 350px;
float: center;
margin: 0px 0px;
}

.style1 {color: #990000}
</style>
Logged

Rayny
Trekkie
**
Offline Offline

Posts: 10


« Reply #5 on: December 27, 2007, 09:14:21 AM »

thanks guys, i put that code in
is this any better?


http://moshpitpress.com/index2.shtml

before my iframe and text was hanging out on the left side for users with bigger screens
hows it now??
Logged
ReTodd
Lunarpages Senior Designer
Developer
Jabba the Hutt
*****
Offline Offline

Posts: 553



WWW
« Reply #6 on: December 27, 2007, 10:35:55 AM »

Perfect! Thumbs Up
Logged

Rayny
Trekkie
**
Offline Offline

Posts: 10


« Reply #7 on: December 30, 2007, 11:50:00 AM »


i checked it at 800x600 and it was fine, whereas it was not before
my computer won't go to the higher setting but i believe you, thanks very much!!
Logged
Pages: [1]   Go Up
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.6 | SMF © 2006-2008, Simple Machines LLC

Valid XHTML 1.0! Valid CSS! Dilber MC Theme by HarzeM