Hello, I have my site working in FF perfectly, but I can't seem to fix a problem that appears in IE6. In FF, go to my page here so you can see how it correctly looks: http://www.ww2incolor.com/dramatic/home-christmas.jpg Now, view that same page in IE6: Notice, if you scroll down to the bottom, that the side bar is down there! Does anyone know how I can fix this? My style sheet is: http://www.ww2incolor.com/common/styles/all.css
At 1280x1024 resolution using Firefox v2, I see alignment faults all over the place, and it appears even worse in IE. Perhaps try the w3c online css validator? Not sure if that will help or not, but it'll help tidy the code up anyway.
You have overlapping divs somewhere. FF's web developer toolbar with Outline All is showing crossing lines on the column in question. At the bottom, its the main right div. Don't know which it's overlapped with. Um, you really should look to change the filename for that page. IE wouldn't let me save it(as html,only as a jpg) to inspect the code so all the help I can give you is what I see from FF. And thanks for the popups.
I didn´t look trough the whole stylesheet but one thing is sure you´ve used padding and margin in the same div that is a well known bug in IE. I think there was something called boxmodul hack that shall help you or you just do it like that that you always have 2 boxes one for margin width / height and the other one for padding
Roflcopter! For starters, in your new attempt to clean the code up, you've removed all forms of formatting making it much more difficult to read. Your code should be written like this: <body> <div> <p> blah blah blah, my website is the best</p> </div> </body> Obviously I don't suggest making a site with one single div, but if you're still lost for the missing div, try popping the code into dreamweaver. Although I personally think there's nothing more subtle than notepad
Code tags buddy, I think you meant this: <body> <div> <p> blah blah blah, my website is the best</p> </div> </body> Code (markup): I'm just trying to figure out what's up with the quintuple carriage returns between each line in the CSS. Bad character encoding? In any case, cleaning up the 47 validation errors would be a good START... which proper indentation as Spider-man suggested would help with greatly. Does make me DAMNED glad I use a browser with a built in pop-up blocker though.
You can use a CSS IE6 hack. _width: x px; Where x is your width. It will only make it that width in IE6. IE6 tends to have a pixel problem.
The above is NOT preferred. You do NOT want to feed a different width, but instead find out why it's going overboard.. usually its a case of double margins on floated elements with horizontal margins set that is fixed by display:inline;. Feeding a width in IE6 might make it work temporarily, but it will only cause problems later on if you modify your page and somehow fix the sidebar and wonder why it's all different in IE6. And I'm not even sure the _ works in IE7.. personally I've never resorted to such a hack.
Usually browser specific hacks are a was of time and resources. Stay away from them as much as possible.
I have tried the _ and it only overrides IE6. This is primarily because Microsoft actually created IE7 to render semi-close to Mozilla. IE6 is the only real problem when programming websites.
It's ugly, not valid, and you never know what'll happen with a future browser. I suggest just trying to fix the spacing issues by not using padding and avoiding ie6's box model.. set margins on inner elements and use display:inline on floated elements with horiz. margins.