Click to See Complete Forum and Search --> : How can you freeze a page?
portalgraphics
05-31-2008, 01:40 PM
How can you freeze a page so it the text and images don't shift when you resize page in CSS.
http://www.portal-graphics.com/lucialandscaping/lucia/index
Centauri
05-31-2008, 03:08 PM
Simply change the width of #outer to a pixel value instead of the percentage :#outer
{
z-index: 2;
position: relative;
/*
The width value below controls the overall width of the design. By default it's set to 82%
(so it'll take up 82% of the browser window's width). You can set it to a different percentage
value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
*/
width: 950px;
border: solid 7px #fff;
background-color: #fff;
margin: 0 auto;
}
WebJoel
05-31-2008, 03:28 PM
Are you aware that some of your elements are waaay too wide? I outlined the block-level elements and took a screenshot image: attached. :)
portalgraphics
06-01-2008, 12:41 AM
fixed! Thanks guys...i can't believe I didn't see that. Ugh..