|
|
Posted by Martin Jay on 08/23/07 13:08
On Thu, 23 Aug 2007 03:31:07 -0000, "dalyea@gmail.com"
<dalyea@gmail.com> wrote:
>This will probably be super easy for some of you CSS pros, 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 the CSS in the referenced css file 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 your CSS. 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
Navigation:
[Reply to this message]
|