Tables versus ?

PixelPusher · 02-08-2011, 11:54 PM

Quote:

Originally Posted by Phreaddee

as i mentioned previously will fix the problem

http://www.positioniseverything.net/...ed-margin.html will give a more detailed explanation.

I question your skills when you dont believe the "fix" to an extremely well documented ie6 error which was what was being alluded to in the inital post.

You need to read more clearly, I did not disagree that your display inline method would fix the issue. I said, display:inline does not make a block element. Thats why we have display "block". All in all your advice here was sound. It was the comment about resets that I find incorrect/ill-advised.

PixelPusher · 02-09-2011, 12:08 AM

Quote:

Originally Posted by Phreaddee

go to w3.org, look up the css2 specification, chapter 9 visual formatting model and read 9.7 Relationships between 'display', 'position', and 'float'

In your defense they do mention, inline as a block. However in the markup of a page, a block element includes a line break before and after, of which display inline does not provide.

Try it out:

HTML Code:

<span class="inline">Text</span><span class="inline>Text2</span>
<br/>
<span>Text3</span><span>Text4</span>

Code:

span {
  display:block;
  width:100px; 
  height:30px;
  line-height:30px;
  text-align:center;
}
span.inline {
  display:inline;
}

PixelPusher · 02-09-2011, 12:26 AM

Quote:

Originally Posted by Phreaddee

in any case its also worth noting that a reset would not fix this double margin bug in ie6

Yes this is true.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode