Previous Message
Next Message

Wrapper not expanding correctly...

Sent by D Ross on 30 January 2005 05:05


Hmmm - I added floats to the sidebar and the mainContent divs and 
removed the abs. positioning but now the wrapper isnt expanding with 
them....I just dont understand floats well enough yet and need to do 
more research and reading about them...

Thanks!






Gunlaug Sørtun wrote:

> 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
> pages.
>
> 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.
>
> regards
>     Georg
>


-- 
David Ross
Print and Web Design
http://www.davidrossdesign.us

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
Previous Message
Next Message

Message thread: