2 replies [Last post]
anu
Offline
newbie
Estonia
Last seen: 16 years 9 weeks ago
Estonia
Timezone: GMT+2
Joined: 2004-11-16
Posts: 2
Points: 0

I have a div with margin-left:200px. That div contains form elements. Firefox renders it correctly all aligned left. But in IE form elements are rendered with left margin of 200px ?!
Is this a bug of IE?
Is there any workaround?

Here is the case:
http://static.trigger.ee/trigger/site_content_zzz.html

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 2 weeks 5 days ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9774
Points: 3856

Strange margin inheritance in IE 6

Some things you might look at:

style="width: 200px;margin-left:200px;">

<select id="__wysiwyg_css__"> id and class names must begin with a letter. Too, I don't believe underscores are allowed at all.

.sec INPUT {
margin:0;
padding:0;
} Note that css and xhtml are case sensitive. INPUT ≠ input.

I was too lazy to cut and paste, so I didn't test for fixes.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

anu
Offline
newbie
Estonia
Last seen: 16 years 9 weeks ago
Estonia
Timezone: GMT+2
Joined: 2004-11-16
Posts: 2
Points: 0

Strange margin inheritance in IE 6

Well, I fixed thouse things and tested. No changes -(
This <select id="__wysiwyg_css__"> is ment for DOM (javascript) not CSS.

I solved it with placing form elements into table cells ?