Robin,

On Dec 1, 2006, at 8:32 PM, Wonderbaby Designs wrote:

> I have sent a couple of messages but have only gotten one reply so  
> I'm not
> sure if I'm doing something wrong in my messages, but I hope  
> someone can
> help me.
>
> Here is the design I am trying to create
> http://www.wonderbabydesigns.com/testing/design.jpg
>
> This is what I have so far without the background images added to the
> content area
> http://www.wonderbabydesigns.com/testing/final_test.htm

I'm not sure skidoo too is a good starting point for your layout.  It  
assumes that the center column will always be the longest, and uses  
border colors to give the appearance of background colors to the left  
and right columns.  This won't mesh well with your desire to add a  
gradient background image in the right and left columns.

> - The columns all seem to have padding or margins that I can't get  
> rid of. I
> tried setting those values to zero but it didn't help
The extra padding is on .inside.


> - The left column is a bit too wide and overflowing into the middle  
> column.
> It must be the same width as the section above it in the logo  
> image. I've
> tried adjusting the width of both the column and the margin behind  
> it but
> neither works.
On #outerColumnContainer, change border-left to 206px to match the logo.

> - the right column is either too far to the right in FF or too far  
> to the
> left in IE (I think this is also a problem of those mystery margins  
> that I
> can't seem to zero out)
I wouldn't worry about ie until your design is closer to what you  
want.  Working around ie bugs is much easier when the target isn't  
moving (or at least is moving less :-) ).

> - the copyright div in the left column and the photobox div in the  
> right
> must each be locked to the exact bottom of the page at
> all times in their appropriate column.
I think you will need to either move these two items to the bottom of  
the center column in the source and absolutely position them bottom:  
0; or add a footer element and position them from there.

Hopefully this will get you started.  This layout would be a lot more  
straight forward if you didn't have to work around ie6's  
shortcomings :-(.

-- 
Roger Roelofs
"Remember, if you’re headed in the wrong direction,
        God allows U-turns!"
          ~Allison Gappa Bottke

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to