On 7/21/06 3:00 PM, "Gunlaug Sørtun" <[EMAIL PROTECTED]> wrote:
> Liz wrote:
>
>> link http://www.liztestsite.com/testsite/test2.html
>
>> Problem 1)
>>
>> my left nav include which is a flyout menu ends up being behind the
>> content. It shows up but you can read the content through it. I
>> tried giving it a high z index (10) hoping that would help but it
>> didn't. I want the center column to come first for the search
>> engines.
>
> Easiest solution, change 'z-index' on #middleColumn to 'z-index: 0;'.
>
>> Problem 2)
>
>> I don't want any border there (or on any part of this layout) but
>> when I take out the 1 px border I end up getting a much larger than 1
>> px space above it. I'm too new to css to understand why this is
>> happening. How can I get rid of the border without having this large
>> space.
>
> You're experiencing the effect of 'collapsing margins'[1].
>
> Try replacing top and bottom borders with 1px paddings, to avoid margins
> on elements inside the containers from collapsing through their top and
> bottom edges.
>
> regards
> Georg
>
> [1]http://www.w3.org/TR/CSS21/box.html#collapsing-margins
Hi Georg,
Thank you for all your help.
No 1 is completely solved.
No 2 - was ok until I put a logo in it. The masthead is 99 px high and so
is the image. I wanted no border or space above it. When I added the 1 px
padding I got a large masthead space around it. When I make the padding 0
there is no masthead padding around the logo but there is the large white
space above it. Any fix?
Here is the current file http://www.liztestsite.com/testsite/page1.html
Regards,
Liz
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
