Jump to content


Photo

elements inside forms + IE6 issues


  • Please log in to reply
5 replies to this topic

#1 redbullmarky

redbullmarky
  • Staff Alumni
  • Advanced Member
  • 2,863 posts
  • LocationBedfordshire, England

Posted 08 August 2006 - 11:20 AM

Hi all

Anyone know why IE6 has problems rendering styles of a DIV I have nested in my <FORM> ?
I've tried several methods, but basically I want the fields contained within a white, bordered box but the submit button to sit outside of it. IE seems to ignore the background-color and border properties of the inner DIV, even when i set them up as !important. If I wrap the FORM inside the DIV tag, or style the actual FORM, it works fine - but doing it this way would mean I'd have to have my submit button within this styled area which I don't want.

Oh - and it works with TABLE's fine, but I'm trying to keep it purely CSS/layers.

Can anyone give me any pointers on this?

Cheers
Mark
"you have to keep pissing in the wind to learn how to keep your shoes dry..."

I say old chap, that is rather amusing!

#2 moberemk

moberemk
  • Members
  • PipPipPip
  • Advanced Member
  • 695 posts

Posted 08 August 2006 - 01:58 PM

Did you wrap all the fields with a <div> tag and style that? Maybe the code could help out.
Disclaimer: No matter how harsh I may be, I'm always IMO only.

#3 AndyB

AndyB
  • Staff Alumni
  • Advanced Member
  • 5,465 posts
  • LocationToronto

Posted 08 August 2006 - 05:21 PM

Or ... place all of the form inputs inside a separately styled FIELDSET and have the submit button after closing the fieldset.

Legend has it that reading the manual never killed anyone.
My site

#4 redbullmarky

redbullmarky
  • Staff Alumni
  • Advanced Member
  • 2,863 posts
  • LocationBedfordshire, England

Posted 08 August 2006 - 07:07 PM

hmm was an interesting problem. tried out several things - and the solution came by setting the 'position' of the bordered box to 'relative'. pretty much same solution as a previous problem i posted.

now - if anyone can help with another IE6 issue, i'd be grateful - how can i stop an absolutely positioned DIV falling behind a <SELECT> tag? i've noticed that an IFRAME seems to do the trick, but it seems a very "botched" solution. i also tried hiding all the <SELECT> tags when the DIV is visible, but again that just looked wrong.

The more I test on IE6, the worse my opinion of it gets.

cheers
Mark
"you have to keep pissing in the wind to learn how to keep your shoes dry..."

I say old chap, that is rather amusing!

#5 moberemk

moberemk
  • Members
  • PipPipPip
  • Advanced Member
  • 695 posts

Posted 08 August 2006 - 08:44 PM

I think that the property is z-position. Just set that to a good, high number-maybe that could help.
Disclaimer: No matter how harsh I may be, I'm always IMO only.

#6 redbullmarky

redbullmarky
  • Staff Alumni
  • Advanced Member
  • 2,863 posts
  • LocationBedfordshire, England

Posted 08 August 2006 - 09:35 PM

i did. i purposely set the z-index of everything other than the absolute-positioned DIV to low, and the DIV's z-index to very high. only IE has this problem. digging around, it seems to be a fairly common issue - there are hacks etc to do with IFRAME's, like i tried, but they're all a bit messy - some of which create other issues for other browsers to deal with, etc. the problem doesnt affect all form fields - just SELECT tags apparently.

so if it's possible to deal with this purely with CSS and without any form of hacking, that'd be great - if there's a solution out there, i havent found it yet.
"you have to keep pissing in the wind to learn how to keep your shoes dry..."

I say old chap, that is rather amusing!




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users