Problem Aligning Search Form Field in IE

Hello,

I'm having a CSS positioning problem and hope someone can help me out please?

If you take a look at this test page:
http://www.greenflagaward.org.uk/home/beta

In Safari 3.0 and Firefox 2.0 on the Mac, the header links for
'Sitemap' and Text Only' align perfectly next to the Keyword Search
box. But I've just checked it out in IE6 (I don't have IE7 installed
on the PC so don't know about that) and found that the Search box is
aligned to the top of the page rather than next to the 'Sitemap' and
'Text Only' links.

I'd appreciate any ideas on how to remedy this please?

Thanks in advance,

Paul

Your rule: #header_links ul { } might be the problem. (why define a rule
with an empty declaration block?) It's possible that IE has a different
default for ul margins and/or padding than does the rest of the group. Try
defining margins or padding for that selector, and see what happens.

Good luck,
Edward Hass



"Paul" <paul (AT) nospamplease (DOT) com> wrote

Hello,

I'm having a CSS positioning problem and hope someone can help me out
please?

If you take a look at this test page:
http://www.greenflagaward.org.uk/home/beta

In Safari 3.0 and Firefox 2.0 on the Mac, the header links for 'Sitemap'
and Text Only' align perfectly next to the Keyword Search box. But I've
just checked it out in IE6 (I don't have IE7 installed on the PC so don't
know about that) and found that the Search box is aligned to the top of
the page rather than next to the 'Sitemap' and 'Text Only' links.

I'd appreciate any ideas on how to remedy this please?

Thanks in advance,

Paul

Hi Edward,

Thanks for the reply.

I've just removed that empty declaration (it was there from when I did
have parameters in there and forgot to delete it) but that didn't seem
to be the issue as the search box is still flush against the top of the
page (and strangely, I have a bit horizontal scroll bar too, which was
also there before I removed this declaration.

Do you have any more ideas?

Thanks,

Paul



On 2007-12-24 12:42:59 +0000, "Edward Hass" <newsacct1 (AT) magiciandb (DOT) com> said:

Your rule: #header_links ul { } might be the problem. (why define a rule
with an empty declaration block?) It's possible that IE has a different
default for ul margins and/or padding than does the rest of the group. Try
defining margins or padding for that selector, and see what happens.

Good luck,
Edward Hass



"Paul" <paul (AT) nospamplease (DOT) com> wrote in message
news:476f30aa$0$13940$fa0fcedb (AT) news (DOT) zen.co.uk...
Hello,

I'm having a CSS positioning problem and hope someone can help me out
please?

If you take a look at this test page:
http://www.greenflagaward.org.uk/home/beta

In Safari 3.0 and Firefox 2.0 on the Mac, the header links for 'Sitemap'
and Text Only' align perfectly next to the Keyword Search box. But I've
just checked it out in IE6 (I don't have IE7 installed on the PC so don't
know about that) and found that the Search box is aligned to the top of
the page rather than next to the 'Sitemap' and 'Text Only' links.

I'd appreciate any ideas on how to remedy this please?

Thanks in advance,

Paul

On Dec 24, 5:34*pm, Paul <p... (AT) nospamplease (DOT) com> wrote:

Hi Edward,

Thanks for the reply.

I've just removed that empty declaration (it was there from when I did
have parameters in there and forgot to delete it) but that didn't seem
to be the issue as the search box is still flush against the top of the
page (and strangely, I have a bit horizontal scroll bar too, which was
also there before I removed this declaration.

Do you have any more ideas?

Thanks,

Paul

On 2007-12-24 12:42:59 +0000, "Edward Hass" <newsac... (AT) magiciandb (DOT) com> said:

Your rule: #header_links ul { } might be the problem. *(why define a rule
with an empty declaration block?) *It's possible that IE has a different
default for ul margins and/or padding than does the rest of the group. *Try
defining margins or padding for that selector, and see what happens.

Good luck,
Edward Hass

"Paul" <p... (AT) nospamplease (DOT) com> wrote in message
news:476f30aa$0$13940$fa0fcedb (AT) news (DOT) zen.co.uk...
Hello,

I'm having a CSS positioning problem and hope someone can help me out
please?

If you take a look at this test page:
http://www.greenflagaward.org.uk/home/beta

In Safari 3.0 and Firefox 2.0 on the Mac, the header links for 'Sitemap'
and Text Only' align perfectly next to the Keyword Search box. *But I've
just checked it out in IE6 (I don't have IE7 installed on the PC so don't
know about that) and found that the Search box is aligned to the top of
the page rather than next to the 'Sitemap' and 'Text Only' links.

I'd appreciate any ideas on how to remedy this please?

Thanks in advance,

Paul

Paul,

Like Edward told you
"IE has a different
default [values] for ul margins and/or padding than does the rest of
the group. Try
defining margins or padding for that selector, and see what happens. "
I believe you should investigate closely this margin and padding for
list and list items. I recommend

Consistent List Indentation
http://developer.mozilla.org/en/docs...ion#Conclusion

Regards, Gérard