Welcome to WebmasterWorld Guest from 54.145.173.147

Forum Moderators: incrediBILL

Message Too Old, No Replies

Layers Positioning

Form inside a layer wont behave!

   
10:46 am on May 23, 2001 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I recently used layers to position my tables rather than using one huge table to hold everything on the page together.

Its worked well up to now....basically I have four coloured tables inside of layers which all line up niceley in all browsers but then I put a form into one of the tables and it will look OK in IE but not NN and vice versa!

I tried putting the form around the table, changing DIVs to LAYERS, SPANS etc but cant seem to get round the problem..I ma going to have to go back to tables?

8:19 am on May 25, 2001 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



right....overwhelming response guys ;)

I havent figured out a way to align forms within layers to layers without forms cross browser.

BUT...

I solved the problem by creating *sigh* 4 style sheets which load on browser detection

9:25 am on May 25, 2001 (gmt 0)

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member



Sorry we've ignored your first post, knighty.

I must say the only dependable solution I've found has been separate style sheets. Netscape renders form elements differently than MSIE does.

However, at the present, I often need to browser sniff and do at least two style sheets for many situations. It's darned near a standard practice.

I'm diggin deep into the O'Reilly CSS reference at present. Maybe I'll find another way, and if I do I'll let you know.

6:32 pm on May 25, 2001 (gmt 0)

WebmasterWorld Senior Member mivox is a WebmasterWorld Top Contributor of All Time 10+ Year Member



I've found with putting ALL my font specifications into the external style sheet, and then making sure there are NO <font> tags in the HTML page, NN and IE will render almost exactly the same. I just switched to CSS on my employer's site [absak.com], and it checks out in the latest Opera for Windows, IE 5.X Mac/Win and NN 4.08 Win & NN 4.7 Mac.

The style sheet is here [absak.com], if you want to take a look.

<added>Also, when using forms on a CSS "treated" page, there is a known bug in Netscape... If you use <p> </p> tags WITHIN your form, Netscape with interpret the </p> tag as an </form> tag. That bug caused entire forms to diappear on my site in NN. Also... (I'm almost done, really) make sure you have an </form> tag at the end your form, or any formatting that comes after the form can get hopelessly screwed up.