Web Wiz - Solar Powered Eco Web Hosting

  New Posts New Posts RSS Feed - Scalable site issues
  FAQ FAQ  Forum Search   Events   Register Register  Login Login

Topic ClosedScalable site issues

 Post Reply Post Reply
Author
ub3rl337ch3ch View Drop Down
Senior Member
Senior Member
Avatar

Joined: 16 February 2005
Location: Australia
Status: Offline
Points: 341
Direct Link To This Post Topic: Scalable site issues
    Posted: 17 May 2005 at 11:12pm
I have been meaning to make all of my sites properly scalable between resolutions for quite some time now, but whenever I attempt it there are always a few things that get in my way. I was wondering if some of you guys could tell me (or point me in the direction of) some info about how to avoid these problems. I'm getting these problems in ie 6 sp2.
 
1. Whenever I use a div tag, and attempt to set the width to 100%, it always ends up with a blank space on the right sight which is about the width of the scrollbar. Is this a glitch with how relative postioning interacts with scrollbars in ie?
 
2. Using relative positioning and margin-left:auto; margin-right:auto;  on div's and tex-align centre for the body to centre the div on the screen gives me problems when I want to use a set width for the div in question (out of necissity for displaying tables properly - and the tables *are* for displaying data). The problem is that if div is centred in a window with less available width than the width of the div, it leaves a margin of about 10 pixels between the div and the left of the window. Is this the minimum margin size for css? how - if at all - can i get te div to start at the very left of the window when it's centred like it is. Alternatively, is there a way to centre the div that doesn't have this problem?
 
3. How can i get a side-bar div to extend down the page the same length as the other contents of the page? So if there is, say, 10000 lines on the page, the div will extend all the way down to the bottom so that there is a solid bar all the way down instead of stopping after one screen's height as would occur with using 100% for the height.
 
Thanks.
Back to Top
dpyers View Drop Down
Senior Member
Senior Member


Joined: 12 May 2003
Status: Offline
Points: 3938
Direct Link To This Post Posted: 18 May 2005 at 3:18am
1. In any block level tag, the content is surrounded by padding, borders, and margins. Different browsers will apply their own default values unless you specifically override them. Try setting padding:0px; for the div's you are using margin:auto; on. Also ensure that those divs are not within a table or another block element with padding and margins and make sure that the body specs don't have padding or a margin.
 
2. Without seeing code, it's hard to answer but try clearing both margins first and specifying the padding and margins as 0px. There's also a min-width element that only works with some browsers. It'll pos scroll bars rather than shrinking beyond a what you specify as the minimum width. Els has a better solution at http://locusmeus.com/html-css/centerexample3.html.
 
3. I think what you're after is here - http://locusmeus.com/html-css/simple.html

Lead me not into temptation... I know the short cut, follow me.
Back to Top
 Post Reply Post Reply

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 12.07
Copyright ©2001-2024 Web Wiz Ltd.


Become a Fan on Facebook Follow us on X Connect with us on LinkedIn Web Wiz Blogs
About Web Wiz | Contact Web Wiz | Terms & Conditions | Cookies | Privacy Policy

Web Wiz is the trading name of Web Wiz Ltd. Company registration No. 05977755. Registered in England and Wales.
Registered office: Web Wiz Ltd, Unit 18, The Glenmore Centre, Fancy Road, Poole, Dorset, BH12 4FB, UK.

Prices exclude VAT unless otherwise stated. VAT No. GB988999105 - $, € prices shown as a guideline only.

Copyright ©2001-2024 Web Wiz Ltd. All rights reserved.