WYSIWUG
In Runtime
- Messages
- 381
- Location
- New Zelaland
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?).
Making my sites elements align correctly in driffrent screen resolutions
- Thread starter WYSIWUG
- Start date
OP
OP
WYSIWUG
In Runtime
- Messages
- 381
- Location
- New Zelaland
Whats fixed or float? 1280x800
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.
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.
OP
OP
WYSIWUG
In Runtime
- Messages
- 381
- Location
- New Zelaland
Cheers also .allpagedefault {max size:90% in the css fixes it as well.
Mirageboss
Baseband Member
- Messages
- 91
- Location
- Australia
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.
OP
OP
WYSIWUG
In Runtime
- Messages
- 381
- Location
- New Zelaland
^^^^^^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
.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
Similar threads
