[css-d] absolute positioning problem in IE6
In this page: http://www.redkitecreative.com/projects/hbs/index.html My two elements at the top right, #tagline and #header-call-text, are very out of place in IE6. I've tried placing them in containing divs with a height assigned, changing position to relative, no luck. The logo was having the same problem and is sort of working, but I'd rather understand how to correctly fix this. Can someone help? -- Debbie Campbell www.redkitecreative.com __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] absolute positioning problem in IE6
Debbie Campbell wrote:
In this page:
http://www.redkitecreative.com/projects/hbs/index.html
My two elements at the top right, #tagline and #header-call-text, are
very out of place in IE6. I've tried placing them in containing divs
with a height assigned, changing position to relative, no luck.
The logo was having the same problem and is sort of working, but I'd
rather understand how to correctly fix this.
Can someone help?
Ditch the ap. Cursory checked in Mac Opera, Safari, FF, SeaMonkey; and
IE 6/7/8.
#tagline {
float: right; -- ::add
padding: 60px 20px 0 0; -- ::add
position: absolute; -- ::delete
top: 60px;-- ::delete
right: 20px;-- ::delete
width: 408px;
height: 32px;
}
#header-call-text {
float: right; -- ::add
padding: 0 20px 0 0; -- ::add
clear:both; -- ::add
position: absolute; -- ::delete
top: 115px;-- ::delete
right: 20px;-- ::delete
font-size: 16px;
font-weight: bold;
color: #6011DB;
background-color: transparent;
}
Best,
~d
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] absolute positioning problem in IE6
Hi David,
That was very close; I had to add just a few more lines to it:
#logo {
float: left;
margin-top: -10px;
padding-left: 15px;
height: 133px;
width: 278px;
}
#tagline {
float: right;
padding: 45px 18px 0 0;
width: 408px;
height: 32px;
}
#header-call-text {
clear: right;
float: right;
padding: 20px 20px 0 0;
font-size: 16px;
font-weight: bold;
width: 300px;
text-align: right;
color: #6011DB;
background-color: transparent;
}
Thanks for the help!
--
Debbie
David Laakso wrote:
Debbie Campbell wrote:
In this page:
http://www.redkitecreative.com/projects/hbs/index.html
My two elements at the top right, #tagline and #header-call-text, are
very out of place in IE6. I've tried placing them in containing divs
with a height assigned, changing position to relative, no luck.
The logo was having the same problem and is sort of working, but I'd
rather understand how to correctly fix this.
Can someone help?
Ditch the ap. Cursory checked in Mac Opera, Safari, FF, SeaMonkey; and
IE 6/7/8.
#tagline {
float: right; -- ::add
padding: 60px 20px 0 0; -- ::add
position: absolute; -- ::delete
top: 60px;-- ::delete
right: 20px;-- ::delete
width: 408px;
height: 32px;
}
#header-call-text {
float: right; -- ::add
padding: 0 20px 0 0; -- ::add
clear:both; -- ::add
position: absolute; -- ::delete
top: 115px;-- ::delete
right: 20px;-- ::delete
font-size: 16px;
font-weight: bold;
color: #6011DB;
background-color: transparent;
}
Best,
~d
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
