redbullmarky Posted August 8, 2006 Share Posted August 8, 2006 Hi allAnyone 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?CheersMark Link to comment https://forums.phpfreaks.com/topic/16888-elements-inside-forms-ie6-issues/ Share on other sites More sharing options...
moberemk Posted August 8, 2006 Share Posted August 8, 2006 Did you wrap all the fields with a <div> tag and style that? Maybe the code could help out. Link to comment https://forums.phpfreaks.com/topic/16888-elements-inside-forms-ie6-issues/#findComment-71137 Share on other sites More sharing options...
AndyB Posted August 8, 2006 Share Posted August 8, 2006 Or ... place all of the form inputs inside a separately styled FIELDSET and have the submit button after closing the fieldset. Link to comment https://forums.phpfreaks.com/topic/16888-elements-inside-forms-ie6-issues/#findComment-71249 Share on other sites More sharing options...
redbullmarky Posted August 8, 2006 Author Share Posted August 8, 2006 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.cheersMark Link to comment https://forums.phpfreaks.com/topic/16888-elements-inside-forms-ie6-issues/#findComment-71314 Share on other sites More sharing options...
moberemk Posted August 8, 2006 Share Posted August 8, 2006 I think that the property is z-position. Just set that to a good, high number-maybe that could help. Link to comment https://forums.phpfreaks.com/topic/16888-elements-inside-forms-ie6-issues/#findComment-71385 Share on other sites More sharing options...
redbullmarky Posted August 8, 2006 Author Share Posted August 8, 2006 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. Link to comment https://forums.phpfreaks.com/topic/16888-elements-inside-forms-ie6-issues/#findComment-71426 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.