Export to GitHub

blueprintcss - issue #74

append/prepend classes buggy in IE6


Posted on Feb 2, 2008 by Helpful Giraffe

What steps will reproduce the problem? 1. Use an append or prepend class on a column 2. IE6 will place the column inside the box-model, because that's what it does...

What is the expected output? What do you see instead? Rather than add space for the padding outside the content, it pushes the content left, so the is one missing column. colborder will also cause one missing column.

What version of the product are you using? On what operating system? .6

Please provide any additional information below.

Adding this code to lib/ie.css fixes the problem: .append-1 { margin-right: 50px; padding-right: 0;}
.append-2 { margin-right: 90px; padding-right: 0; } .append-3 { margin-right: 130px; padding-right: 0; } .append-4 { margin-right: 170px; padding-right: 0; } .append-5 { margin-right: 210px; padding-right: 0; } .append-6 { margin-right: 250px; padding-right: 0; } .append-7 { margin-right: 290px; padding-right: 0; } .append-8 { margin-right: 330px; padding-right: 0; } .append-9 { margin-right: 370px; padding-right: 0; } .append-10 { margin-right: 410px; padding-right: 0; } .append-11 { margin-right: 450px; padding-right: 0; } .append-12 { margin-right: 490px; padding-right: 0; } .append-13 { margin-right: 530px; padding-right: 0; } .append-14 { margin-right: 570px; padding-right: 0; } .append-15 { margin-right: 610px; padding-right: 0; } .append-16 { margin-right: 650px; padding-right: 0; } .append-17 { margin-right: 690px; padding-right: 0; } .append-18 { margin-right: 730px; padding-right: 0; } .append-19 { margin-right: 770px; padding-right: 0; } ... etc

Comment #1

Posted on Mar 8, 2008 by Swift Elephant

Comment deleted

Comment #2

Posted on Mar 8, 2008 by Swift Elephant

Bro, are you using an xml declaration? I was running into this same issue for ie6 and after I got rid of the xml declaration, it worked perfectly:

http://www.tantek.com/XHTML/Test/minimal.html#withorwithoutxmlprolog

The specification says it's optional. I'm using xhtml 1.0 strict for my doctype. Hope that helps.

Comment #3

Posted on Mar 8, 2008 by Helpful Giraffe

No, because the PHP end tag and the XML declaration end tag don't mix: "?>".

So I'm not using it, but the hack has to remain in tact.

Comment #4

Posted on Apr 17, 2008 by Happy Bear

Can that be solved by declaring display:inline; ? It's not the same problem, but maybe has the same solution... http://www.simplebits.com/notebook/2004/11/05/botd.html

Comment #5

Posted on Jul 28, 2008 by Quick Rabbit

Comment deleted

Comment #6

Posted on Jul 28, 2008 by Quick Rabbit

If you have anything, including whitespace, before your DOCTYPE declartion, IE6 renders page in quirks. If the

http://www.webmasterworld.com/css/3258949.htm

Comment #7

Posted on Aug 13, 2008 by Quick Giraffe

I copied this ticket over to lighthouseapp. http://blueprintcss.lighthouseapp.com/projects/15318-blueprint-css/tickets/3-append-prepend-classes-buggy-in-ie6

I hope you don't mind :-)

Status: New

Labels:
Type-Defect Priority-Medium