Welcome to WebmasterWorld Guest from 54.196.33.246

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)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Mar 8, 2001
posts:690
votes: 0


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)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Mar 8, 2001
posts:690
votes: 0


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)

Senior Member

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

joined:May 26, 2000
posts:37301
votes: 0


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)

Senior Member

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

joined:Dec 6, 2000
posts:3928
votes: 0


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.

 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members