Go Back   Computer Forums > Web Design | Website Development > Web Programming
Click Here to Login
Join Computer forums Today


Reply
 
Thread Tools Search this Thread Display Modes
 
Old 01-02-2013, 02:18 AM   #1
In Runtime
 
WYSIWUG's Avatar
 
Join Date: Aug 2012
Location: New Zelaland
Posts: 381
Default Making my sites elements align correctly in driffrent screen resolutions

I am having an issue when I change my resolution from 1280x800 to a lower one, the whole sites pictures, tables and text is all over the place. How can I fix this (in the css?).
__________________

__________________
I hope that the world runs out of oil today so we can build a world free of hate and greed and money. Build one based on love and respect for all forms of life.
WYSIWUG is offline   Reply With Quote
Old 01-02-2013, 07:37 AM   #2
Wizard of Wires
 
setishock's Avatar
 
Join Date: Feb 2005
Location: Not sure
Posts: 10,030
Default Re: Making my sites elements align correctly in driffrent screen resolutions

What resolution were you in when you put it together to start with?
Fixed width or float?
__________________

setishock is offline   Reply With Quote
Old 01-02-2013, 02:45 PM   #3
In Runtime
 
WYSIWUG's Avatar
 
Join Date: Aug 2012
Location: New Zelaland
Posts: 381
Default Re: Making my sites elements align correctly in driffrent screen resolutions

Whats fixed or float? 1280x800
__________________
I hope that the world runs out of oil today so we can build a world free of hate and greed and money. Build one based on love and respect for all forms of life.
WYSIWUG is offline   Reply With Quote
Old 01-02-2013, 05:35 PM   #4
Wizard of Wires
 
setishock's Avatar
 
Join Date: Feb 2005
Location: Not sure
Posts: 10,030
Default Re: Making my sites elements align correctly in driffrent screen resolutions

Ok so you have a fixed width of 1280X800. When you look at it in a lower resolution it's not set up for it. The browser pushes all the componits together. Some slide over and under each other. The text gets mashed up. Best bet is to make the site float out to the full width using the width: auto command. IE may not take that command so for IE it would be width: 100%.
Then the width of the site floats out to the left and right borders of the browser no matter what resolution you look at it in.
HOWEVER...
You have to have a minimum resolution the site will fold down to and still be functional appearance and feature wise. I'm not sure but I think the command is width-min: xxx. xxx being the smallest width the site still looks and functions correctly.
setishock is offline   Reply With Quote
Old 01-02-2013, 08:55 PM   #5
In Runtime
 
WYSIWUG's Avatar
 
Join Date: Aug 2012
Location: New Zelaland
Posts: 381
Default Re: Making my sites elements align correctly in driffrent screen resolutions

Cheers also .allpagedefault {max size:90% in the css fixes it as well.
__________________
I hope that the world runs out of oil today so we can build a world free of hate and greed and money. Build one based on love and respect for all forms of life.
WYSIWUG is offline   Reply With Quote
Old 01-03-2013, 01:25 PM   #6
Wizard of Wires
 
setishock's Avatar
 
Join Date: Feb 2005
Location: Not sure
Posts: 10,030
Default Re: Making my sites elements align correctly in driffrent screen resolutions

What software you using? I don't recognize that command.
setishock is offline   Reply With Quote
Old 01-03-2013, 10:37 PM   #7
Baseband Member
 
Mirageboss's Avatar
 
Join Date: Dec 2012
Location: Australia
Posts: 91
Default Re: Making my sites elements align correctly in driffrent screen resolutions

Quote:
Originally Posted by setishock View Post
What software you using? I don't recognize that command.
It appears to be CSS code that he has written there so the element "allpagedefault" can be displayed to 90%.

Percent's are best for sites, but a PINTA to code.
Mirageboss is offline   Reply With Quote
Old 01-07-2013, 01:24 AM   #8
In Runtime
 
WYSIWUG's Avatar
 
Join Date: Aug 2012
Location: New Zelaland
Posts: 381
Default Re: Making my sites elements align correctly in driffrent screen resolutions

^^^^^^Correct

.allpagedefault is for the <div> tag that envelopes the whole page. I.E <body class="bgcolour"><div id="allpagedefault"> blah blah blah...</div></body></html>

I use Microsoft expression web 4
__________________

__________________
I hope that the world runs out of oil today so we can build a world free of hate and greed and money. Build one based on love and respect for all forms of life.
WYSIWUG is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

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
Trackbacks are On
Pingbacks are On
Refbacks are Off



All times are GMT -5. The time now is 12:48 PM.


Powered by vBulletin® Version 3.8.8 Beta 4
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Search Engine Friendly URLs by vBSEO 3.6.0