| 1:50 pm on Dec 6, 2011 (gmt 0)|
Are you sure you've got enough nested divs there? ;)
You've also got an awful lot of tightly constrained dimensions using pixels-- and then a completely unspecified font in the middle. Is the text itself exactly the same size and shape in all browsers on all computers you've tried?
| 2:13 pm on Dec 6, 2011 (gmt 0)|
Yes the the text is the same, its odd that screen shots in ie 6 / 7 places the h2 so far down the page - i am currently trying position absolute to see if that works.
Font-size:1em is correct is it not?
| 2:38 pm on Dec 6, 2011 (gmt 0)|
Does this mean you aren't testing yourself? If so, I've checked in standalone versions, and the alignment is almost exactly the same. The major difference is that 5.5-ie7 do not "shrink-wrap" floats, so (on the provided code) div#cheaper-promo expands the full width of the viewport.
(This is also because the float over-rides the display:inline and sets a default display:block. Combine that with not shrink-wrapping floats in older ie and the element expands full-width. )
| 2:48 pm on Dec 6, 2011 (gmt 0)|
hi alt 131
Translate please, we test in ie 7 and upwards plus FF and so on .
Do you mean we have to set a width for cheaper promo..
| 2:56 pm on Dec 6, 2011 (gmt 0)|
Aha light comes on...
I reversed the position of cheaper promo and mission, set a width for the cheaper promo div and it works thanks so much all....
| 3:26 pm on Dec 6, 2011 (gmt 0)|
Ok, you referred to screenshots which suggested to me that you aren't running the browsers, but are using a testing service. Ditto referring to ie6 if you're only running ie7 up. Nothing wrong with using a testing service, it's just that occasionally they do vary from the browser when it is running natively. (That's also the reason I specified mine are standalone versions, again, there have been reports of variations.)
|Translate please, we test in ie 7 and upwards plus FF and so on |
Pleased you have a fix, but I'm not sure I understand what you have done to achieve that and it does sound as if there was something else going on in the code because I was not seeing the issue you reported. That also makes me wonder if this was just a case of "float drop" - that is, ie was calculating there was inadequate width to align the floats on the same "line", so was "dropping" them until there was enough horizontal width for them to fit. Just something to think about for the future.
|I reversed the position of cheaper promo and mission, set a width for the cheaper promo div and it works thanks so much all.... |