7 replies [Last post]
blakems
blakems's picture
Offline
Enthusiast
UTah, USA
Last seen: 16 years 32 weeks ago
UTah, USA
Timezone: GMT-7
Joined: 2003-04-07
Posts: 60
Points: 0

I have form page here

http://blakems.com/experimental/edit.html

and in IE 6.0 you will notice the input tag that I have made with a yellow background has some weird margin-left on it and I don't know how to get rid of the margin, it works fine in Mozilla. Any ideas anyone.

-bMs-
http//www.blakems.com !important;

Daybreak_0
Offline
Enthusiast
Sydney, Australia
Last seen: 16 years 1 week ago
Sydney, Australia
Timezone: GMT+10
Joined: 2003-11-15
Posts: 389
Points: 0

margin IE issue on input tag

Blake

wow so many stylesheets underneath a bit hard to track down. You have 2 in the html itself and when I looked at the first one it referred to another 3 or 4.

At first glance at the html code they look exactly the same, so why any difference.

I would say you need to go back to basics first and start with one style sheet. It may be somewhere in the stly sheets you have somethinmg referring to a second child.

Regards
Day

The only way to learn is to do it yourself

blakems
blakems's picture
Offline
Enthusiast
UTah, USA
Last seen: 16 years 32 weeks ago
UTah, USA
Timezone: GMT-7
Joined: 2003-04-07
Posts: 60
Points: 0

margin IE issue on input tag

I have stripped down the style sheet to just one, sorry for the mess. the phantom margin-left still happens, It appears though, when I take out the fieldset it aligns properly, however I need the fieldset in there.

Any insight?

-bMs-
http//www.blakems.com !important;

Daybreak_0
Offline
Enthusiast
Sydney, Australia
Last seen: 16 years 1 week ago
Sydney, Australia
Timezone: GMT+10
Joined: 2003-11-15
Posts: 389
Points: 0

margin IE issue on input tag

I can't see the page anymore now so a bit hard, but based on fieldset.

Try

fieldset { 
margin: 0px; 
padding: 0px; 
} 

input { 
margin: 0px; 
padding: 0px; 
} 

legend { 
margin: 0px; 
padding: px; 
} 

From memeory it was a Input box with the problem. I also chucked in legend in for good measure, although Legend is now depreciated. You can play around with it anyway. Try taking out the input one, putting it back, etc.

I would also suggest putting the code in the head of the document first to make sure it overides any stylesheet.

If all that does not help, I sometimes add borders to everything so I can see what is happening.

Regards
Day

The only way to learn is to do it yourself

blakems
blakems's picture
Offline
Enthusiast
UTah, USA
Last seen: 16 years 32 weeks ago
UTah, USA
Timezone: GMT-7
Joined: 2003-04-07
Posts: 60
Points: 0

margin IE issue on input tag

The page should be up now, but problem was the margin on the fieldset but it only effected some input tags, not all, which is weird, so figure out that one.

Thanks, Daybreak_0, for the help. I would like to use margin but I guess I will have to do it differently now.

-bMs-
http//www.blakems.com !important;

Daybreak_0
Offline
Enthusiast
Sydney, Australia
Last seen: 16 years 1 week ago
Sydney, Australia
Timezone: GMT+10
Joined: 2003-11-15
Posts: 389
Points: 0

margin IE issue on input tag

blakems wrote:
I would like to use margin but I guess I will have to do it differently now.

Put on each item
You could try it like this -
input, legend {margin-left 5px}

The only way to learn is to do it yourself

Big John
Big John's picture
Offline
Enthusiast
Arizona
Last seen: 16 years 3 weeks ago
Arizona
Timezone: GMT-7
Joined: 2003-10-29
Posts: 94
Points: 0

margin IE issue on input tag

Just make the inputs 'display: block' and the "margin" is gone.

http//www.positioniseverything.net/

blakems
blakems's picture
Offline
Enthusiast
UTah, USA
Last seen: 16 years 32 weeks ago
UTah, USA
Timezone: GMT-7
Joined: 2003-04-07
Posts: 60
Points: 0

margin IE issue on input tag

Quote:
Just make the inputs 'display: block' and the "margin" is gone.

I tried it with no luck.
http://blakems.com/experimental/edit.html

-bMs-
http//www.blakems.com !important;