On 12/14/06, Rizky <[EMAIL PROTECTED]> wrote:
>
> here's the url: http://kometdigital.web.id/portfolio/
> the problematic section is at the bottom row. the one under the title
> "fenomena el nano."
>
> here's the css:
>
> http://static.kometdigital.web.id/mt-static/themes/portfolio_theme/portfolio_theme.css
>
> the section with negative margin is div#featured. the layout for the
> entire
> bottom row lies in this part of the css.
>
> /* =Bottom Row
> ----------------------------------------------------------------*/
>
> #projects { margin-top:25px; float:left; width:280px; /*height:475px;*/ }
> #projects h4 { font-weight:normal; font-style:italic; margin:14px 0 11px;
> }
> #featured { margin-top:25px; margin-right:-190px; float:right;
> width:420px;
> /*height:475px;*/ padding-left:15px; background:url(bg-v-line.gif)
> repeat-y;
> }
> #featured h4 { letter-spacing:0; }
> #featured li { list-style-image:url(bullet-list.gif); margin-left:15px; }
> #featured .intro { line-height:18px; float:none; width:172px; margin:2px 0
> 20px 0; }
>
> i'm desperate. please help me get out of this mess!
>
> ______________________________________________________________________
> 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/
> ______________________________________________________________________
> 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/


Hi

Negative margins don't work in older versions IE on floated elements.

So you need to position them absolutely for older version of IE. You can
serve a separate stylesheet using conditional comments.

I came across this problem when trying to create overlapping tabbed
navigation.

You can see the problem and solution if you are interested at
http://www.shapeshed.com/journal/overlapping_tabbed_navigation_in_css/

Cheers
George

Shape Shed | http://www.shapeshed.com
______________________________________________________________________
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