|
|
Posted by dalyea@gmail.com on 08/25/07 04:36
On Aug 23, 6:08 am, Martin Jay <mar...@spam-free.org.uk> wrote:
> On Thu, 23 Aug 2007 03:31:07 -0000, "dal...@gmail.com"
>
>
>
>
>
> <dal...@gmail.com> wrote:
> >This will probably be super easy for some of youCSSpros, but I can't
> >figure it out
> >at the moment. I'm going off the definition "floated text is relative
> >to the block element
> >containing it" but not having much luck on that front.
>
> >The page in question is:
>
> >http://www.skicandy.com/
>
> >and it's the header graphic and text that I can't figure out. The
> >header is:
>
> ><div id="logo1">
> ><div id="logo1t">Search our database of 75,000 ski products to find
> >the best pri
> >ces on skis, boots, bindings, poles, clothing and all your skiing
> >needs!</div>
> ><div id="logo1w">We search the web to find great ski deals for you!</
> >div>
> ></div>
>
> >and theCSSin the referencedcssfile is:
>
> >div#logo1 {
> >width: 971px;
> >height: 134px;
> >text-align: center;
> >align: center;
> >background-attachment: fixed;
> >background-image: url(/images/logo-971-1.gif);
> >background-alt: "Ski Search Engine";
> >background-repeat: no-repeat;
> >background-position: center top;
> >}
>
> >div#logo1t {
> >color: #000;
> >width: 375px;
> >font-family: "Trebuchet MS", Arial;
> >font-size: 12px;
> >font-weight: normal;
> >line-height: 14px;
> >position: relative;
> >top: 48px;
> >left: 115px;
> >}
>
> >div#logo1w {
> >color: #6b2a5a;
> >width: 375px;
> >font-family: "Trebuchet MS", Arial;
> >font-size: 14px;
> >font-weight: bold;
> >position: relative;
> >top: 53px;
> >left: 135px;
> >}
>
> >Thanks in advance!
> >David
>
> You've still got some very nasty stuff in yourCSS. Anyway, IE is
> getting all confused because you've centered the body, and you've also
> centered 'div#logo1t' and 'div#logo1w.' This leads to it computing
> the relative positioning incorrectly.
>
> The 'fix' is simple. In 'div#logo1' change:
>
> text-align: center;
>
> to:
>
> text-align: left;
>
> And in 'div#logo1t' and 'div#logo1w' you simply need to adjust the
> 'left' attribute.
> --
> Martin Jay- Hide quoted text -
>
> - Show quoted text -
I had changed that in the course of making the fixes the other
morning,
and you were right on the money, center was wrong. Thanks for
checking
it out.
David
Navigation:
[Reply to this message]
|