November 19, 200916 yr Hello wonderful, helpful people! I have been running a blog on a website and using Wordpress for it, which generally I am very happy with. The only problem is, I can't get the header contents to sit right in both Internet Explorer 8 and Mozilla 3.0.15. I have copied over the logo and navigation elements of my main site into the header of the blog and whilst they look ok themselves, they don't sit in the right place on the page. If I get it right on IE it goes out on Mozilla and vice-versa. I have checked the coding and it all looks pretty much ok. I've checked the css and that seems ok too. I wondered if someone might cast an objective eye and see if I'm missing something. I'm not that great with php, hence it's throwing me a bit. I was wondering if it might be that the navigation uses table design and the header for the blog uses divs? Anyway, I've had enough of tinkering and clutching at straws. Any help anyone can give would be much appreciated. The blog is located here: Blog and the main site is located here: Main Site Thanks in advance for any pearls of wisdom. Andy
November 19, 200916 yr IE has a habit of moving things. What I suggest is get it right within Mozilla, also check it within Opera and Safari. Then use a conditional style sheet i.e use some code within the <head> and create another .css file to make additional changes to IE8? If you really want to go the distance check it within IE7 and IE6. This website http://my-debugbar.com/wiki/IETester/HomePage will allow you test within all IE browsers. Here is a good link on conditional style sheets, http://css-tricks.com/how-to-create-an-ie-only-stylesheet/ but there are tons of information on the subject Hope this helps
November 19, 200916 yr Author Thanks Damian, I wrapped the table in a div in the end, mucked about with the css and it all fell into place and is sitting perfectly on both IE and FF. I was being lazy really lol. Thanks for the info on browser testing, will come in useful! Andy
Create an account or sign in to comment