PDA

View Full Version : margin is greater in IE?!



jarv
Jan 27th, 2009, 11:20 AM
on my website, where it says Latest Projects at the bottom, http://www.wildfire-digital.com/test/index.html

the margin looks to be about 20px instead of 10px, is there a way around this?

thanks

J

VIPStephan
Jan 27th, 2009, 02:52 PM
Your link isn’t working. Is your element with the margin floated? Then look here: http://positioniseverything.net/explorer/doubled-margin.html

jarv
Jan 27th, 2009, 03:19 PM
Your link isnít working. Is your element with the margin floated? Then look here: http://positioniseverything.net/explorer/doubled-margin.html

sorry! http://www.wildfire-digital.com/test/

jerry62704
Jan 27th, 2009, 04:01 PM
Could you show where you are talking about? Something like in #abc or just after the Welcome to Wildfire?

abduraooft
Jan 27th, 2009, 04:11 PM
It should have something to do with errors in your markup, see http://validator.w3.org/check?uri=http%3A%2F%2Fwww.wildfire-digital.com%2Ftest%2F&charset=%28detect+automatically%29&doctype=Inline&group=0
(You can't put a <ul> inside <span>) ..and you've some kinda spanities (http://csscreator.com/?q=divitis) there :).


Could you show where you are talking about? Something like in #abc or just after the Welcome to Wildfire? I think OP is talking about the hight differences around

* RBI - Client Case Study

* Alpine Electronics

jerry62704
Jan 27th, 2009, 04:20 PM
Ah. I tried to find "Latest Projects" and couldn't find that on the page.

Excavator
Jan 27th, 2009, 05:51 PM
Ah. I tried to find "Latest Projects" and couldn't find that on the page.

It's in the header of #column1a, the box with the hands shaking.
I can't tell what the problem is though, in FF3 and IE8 it the text in #column1a looks to be getting margin:10px; from .columntext and it looks like 10px to me.

That must be some kind of record on the number of span tags used! Never seen that before.



---Just read ab's post and he's got it figured out, like usual.
Jarv, instead of putting that ul in a span, since it looks like it's not a ul at all but rather a heading or title, you should probably use <h3> or <h2>.
Or maybe you should look into using a definition list that lets you style a title to your list. You can nest a ul inside a dl too, if you want the bullets.
My usual example here: definition list examples (http://nopeople.com/CSS/dl/index.html)

jerry62704
Jan 27th, 2009, 09:56 PM
Ah. It's not text, but an image. JAWS might have a lot of problems with that. Especially with the alt being wrong with "Wildfire handshake".

I see the UL is still inside the SPAN.

jarv
Jan 28th, 2009, 01:28 PM
Thanks, all sorted now... I think... just need to check in IE7

my next problem is IE6... can anyone help there?

thanks in advance

jarv
Jan 29th, 2009, 04:07 PM
Margin is still doubled in IE?!

also, can someone please help with IE6 layout issue?!

thanks

jerry62704
Jan 29th, 2009, 04:13 PM
Fix the 29 errors (you can skip the 6 on line 55 as not important to the problem).