Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations SkipVought on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

IE7 (and possibly earlier) bugs

Status
Not open for further replies.

peasepud

Programmer
Jul 20, 2007
35
0
0
Hi,

I have a site which I have developed and tested using Firefox and all is fine.

On checking IE7 I have the following problems, neither seem much but I cant seem to get them to work.

Firstly, theres a series of left floating divs which each contain a single column table within them, in FF this lines up nicely but in IE the table sits about 10px in (as if the div had padding-left:10px) and therefore overhangs the outside right by 10px.

Secondly, on another page there is an image centered using margin:auto but in IE it sits to the left.

I tried doing a simple IE stylesheet using the conditional comment to put a negative margin in but no matter what I do it doesnt seem to recognise and use it? When I check the source theres no mention of the IE stylesheet??

I also tried using the underscore hack but that also failed, Im guessing IE7 resolved that???

These are easy to fix problems I know but for some reason I cant seem to get the hacks to work :(
 
Bit hard to be definite without a look at your page, but one possible cause would be the browser's default settings. Try setting your body margins and padding to 0 before you start any other CSS.

___________________________________________________________
If you want the best response to a question, please check out FAQ222-2244 first.
'If we're supposed to work in Hex, why have we only got A fingers?'
Drive a Steam Roller
Steam Engine Prints
 
It seems your code is suffering from problems that have been fixed (the non standard centering, perhaps the double margin float bug), which leads me to believe you're using an incomplete doctype, not using one at all or having text above the doctype that throws IE off. Can you confirm that you have a complete and valid doctype as the first text on your page?

___________________________________________________________
[small]Do something about world cancer today: PACT[/small]
 
Im using :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<html xmlns="
Which I think is the wrong one but its the one Dreamweaver is putting in automatically.

I have to admit to being totally confused by doc and MIME types, if anyone has a good explanation article or blog I can refer to Id be grateful.
 
Nope, this should work. The doctype looks ok. Can you show the link to the page so that we can see these errors? And confirm it is IE7 you're seeing them in.

___________________________________________________________
[small]Do something about world cancer today: PACT[/small]
 
I can show a link however the site is for adult related content (no nudity but its not necessarily something people are happy with as its an escort listings site) so anyone who does click should be warned first that its NSFW.


Its just in early stages and my grasp of css still isnt great so theres no doubt some longwinded ways in there etc.
 
Start from here -
Resolve the 259 invalid markup items and then come back if there are any discrepancies remaining.

___________________________________________________________
If you want the best response to a question, please check out FAQ222-2244 first.
'If we're supposed to work in Hex, why have we only got A fingers?'
Drive a Steam Roller
Steam Engine Prints
 
Although again, I cannot see the shift in the table you're talking about. It looks the same for me in IE6, IE7 and FF.

___________________________________________________________
[small]Do something about world cancer today: PACT[/small]
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top