Richard Brown wrote:
<http://www.theriverchurch.info>
If I view the site in a small screen size the middle column ends up
below the content column. Is there anyway I can stop this please?
Yes, but you'll have to redefine some.
A few issues:
Problem: containers with width set in percentage and paddings in px will
become wider than you think, as padding is *added* to set width.
Solution: delete the padding and/or adjust the width with plenty to
spare, and add a suitable padding or margin on the element(s) inside
each container.
Problem: IE/win expands containers, regardless of set width, so elements
inside will fit.
Solutions: As those containers are floats, a negative back-side margin
may prevent it from breaking too early. It will break eventually - first
in IE/win.
-------
Header is defined for IE/win only at the moment. If you want the page to
work in other browsers also, use this instead:
#header {
background: #C02600 url(headback.jpg);
text-align: center;
min-height: 100px;
_height: 100px; /* for IE */
}
...as IE7 is threatening to wake designers to the reality of "hackers
hell", feel free to hack around IE/win anyway you feel comfortable with.
'conditional comments / extra stylesheet(s)' is my preferred solution,
as I rather be a bit closer to "hackers heaven" when IE7 arrives.
Also: <http://www.alistapart.com/articles/negativemargins/> may provide
more complete answers/solutions to your layout-problems.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
