D Ross wrote:
> I'm working on redesigning this page coding it more by hand and using
> dreamweaver a lot less...but, I'm running into a few problems... The
> page : http://www.davidrossdesign.us/oscars/
> Main problem I'm having is the wrapper isnt fully expanding to fit
> the main content area...in Safaari it looks fine but in Firefox it
> doesnt. I'm pretty sure I have the div mainCont in the wrapper
> div...so I dont know whats going on...
The wrapper _is_ expanding correctly, but it doesn't have anything to
expand on. Absolute positioned elements is no longer part of the flow.
In short: you have no control when you use AP on large parts of a page.
Don't worry... this page can be brought under perfect control with
proper CSS layout methods - floats.
> Any info greatly appreciated.
I took 5 minutes off (from my own problems :) ) to test, and when I
floated everything from <div id="navcontainer"> down, it started to look
like something really useful.
This "quick and dirty" testing shows that you can use *floats* and
*free-flow*, with some margins, to make it look and act like you want -
in all browsers.
You'll find relevant info on how floats and free-flow works, in the Wiki
Also: it looks like you're using a single, fixed-dimensioned,
background-image on <div id="sidebar">. That won't allow for any
height-adjustments, so you should change that background into a top-part
- a repeatable mid-part - and a bottom-part.
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/