Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 03-16-2012, 11:06 PM   PM User | #1
wadey
New Coder

 
Join Date: Mar 2012
Posts: 13
Thanks: 0
Thanked 0 Times in 0 Posts
wadey is an unknown quantity at this point
Website doesn't resize

So I've made my first site and I'm pretty chuffed!! When I view it at work on my wide screen monitor it looks perfect. I get home and look at it on the netbook and its off the screen.

http://danjswade.webs.com/

How can I get it so it resizes and fits nicely onto all screens (kind of like this great forum )
wadey is offline   Reply With Quote
Old 03-17-2012, 04:58 AM   PM User | #2
webdev1958
Banned

 
Join Date: Apr 2011
Posts: 656
Thanks: 14
Thanked 69 Times in 69 Posts
webdev1958 can only hope to improve
Are you using fixed width or fluid layouts?

Have a look at the min/max widths of your #wrapper.

Last edited by webdev1958; 03-17-2012 at 05:03 AM..
webdev1958 is offline   Reply With Quote
Old 03-17-2012, 09:30 AM   PM User | #3
wadey
New Coder

 
Join Date: Mar 2012
Posts: 13
Thanks: 0
Thanked 0 Times in 0 Posts
wadey is an unknown quantity at this point
I have put a min width on or else once the browser was resized the format snd layout went all funny.

I want it so everything resizes to fit the page (essentially shrinks or grows depending on the environment
wadey is offline   Reply With Quote
Old 03-17-2012, 10:51 AM   PM User | #4
harry.jpr
New to the CF scene

 
Join Date: Mar 2012
Posts: 9
Thanks: 0
Thanked 0 Times in 0 Posts
harry.jpr is an unknown quantity at this point
Following are the things/issues i noticed:

1) No need to put fixed position on the body tag (line 1 css).
2) Remove all the margins from "wrapper" (line 7 css).
3) Put just width:100% (line 7 css).

Check the output after these changes and see if it is what you desired.
harry.jpr is offline   Reply With Quote
Old 03-17-2012, 01:20 PM   PM User | #5
wadey
New Coder

 
Join Date: Mar 2012
Posts: 13
Thanks: 0
Thanked 0 Times in 0 Posts
wadey is an unknown quantity at this point
Quote:
Originally Posted by harry.jpr View Post
Following are the things/issues i noticed:

1) No need to put fixed position on the body tag (line 1 css).
2) Remove all the margins from "wrapper" (line 7 css).
3) Put just width:100% (line 7 css).

Check the output after these changes and see if it is what you desired.
I had this set up in the first place and this just moved the format/layout of the site and looked awful.

I'm literally looking to resize everything so it shrinks to fit various browsers/browser sizes.
wadey is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 05:45 PM.


Advertisement
Log in to turn off these ads.