kirubaharan12345 / blueprintcss

Automatically exported from code.google.com/p/blueprintcss
0 stars 0 forks source link

append/prepend classes buggy in IE6 #74

Open GoogleCodeExporter opened 8 years ago

GoogleCodeExporter commented 8 years ago
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

Original issue reported on code.google.com by bradkov...@gmail.com on 2 Feb 2008 at 9:52

GoogleCodeExporter commented 8 years ago
[deleted comment]
GoogleCodeExporter commented 8 years ago
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.

Original comment by david.s....@gmail.com on 8 Mar 2008 at 12:32

GoogleCodeExporter commented 8 years ago
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.

Original comment by bradkov...@gmail.com on 8 Mar 2008 at 3:15

GoogleCodeExporter commented 8 years ago
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

Original comment by mattwil...@gmail.com on 17 Apr 2008 at 10:20

GoogleCodeExporter commented 8 years ago
[deleted comment]
GoogleCodeExporter commented 8 years ago
If you have *anything*, including whitespace, before your DOCTYPE declartion, 
IE6
renders page in quirks. If
the <DOC... is the first thing in your html doc IE will render it in standard
compliance mode (using proper box model)

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

Original comment by r.dav...@gmail.com on 28 Jul 2008 at 3:17

GoogleCodeExporter commented 8 years ago
I copied this ticket over to lighthouseapp.
http://blueprintcss.lighthouseapp.com/projects/15318-blueprint-css/tickets/3-app
end-prepend-classes-buggy-in-ie6

I hope you don't mind :-)

Original comment by horst.gu...@gmail.com on 13 Aug 2008 at 5:39