CSS make set minimum page height/width
In the page layout I am creating, for some reason, the scrollbars never seem to show and rather the content tries to rearrange itself. Is there a way to lock in a set width and height for the whole page so that if the w开发者_开发百科indow is scaled it shows scrollbars?
The page: http://thetalkingcloud.com/clipit.com/
Specifically, if you make the window small, the "COPY PASTE SHARE" links change their position dramatically.
Thanks if anyone can help out :)
If you want to make layout more "fluid," specifically the slogan in the header, try making the following changes to .top_text
.top_text {
float: right;
font-family: "Lucida Grande",Verdana,Arial,sans-serif;
font-size: 60px;
margin-right: 20px;
padding-top: 24px;
}
You will still need to establish a minimum width for the page. Because IE6 doesn't support the min-width
property, I often achieve this simply by placing an empty div with the desired minimum width at the top of whatever container I would otherwise use min-width
on.
Your top div has a percentage width, instead give it a fixed pixel width so it does not collapse.
精彩评论