I have a web page that uses .shtml includes to make the header and footer appear. I have asked this question before but feel I can do so better now that I have screenshots to demonstrate my point.
When I use firefox, the page appears as follows (http://www.simsukdownloads.com/firefoxscreenshot.png). This is how I want the page to look. When I use Internet Explorer, it appears like this (http://www.simsukdownloads.com/ie7screenshot.png). Can anyone tell me why this is and what I need to do to fix it.
I think it might be the includes that are causing the problem - just as a pointer. The source codes can be found here:
Header - http://www.simsukdownloads.com/header2.shtml
Footer - http://www.simsukdownloads.com/footer2.shtml
Just using mozilla isn't an option by the way!!
Thanks, Jamie.
Sorry about that, yahoo changed the links to include brackets!
Mozilla Screen - http://www.simsukdownloads.com/firefoxscreenshot.png
ie7 Screen - http://www.simsukdownloads.com/ie7screenshot.png
Header - http://www.simsukdownloads.com/header2.shtml
Footer - http://www.simsukdownloads.com/footer2.shtml
Thanks!!
Sorry again!!! Links for the source are still wrong!!
.html at the end of each, not .shtml
Sorry!!
I'm using a CSS stylesheet that can be found:
http://www.simsukdownloads.com/default.css
Thanks for the answer just "JR" 
Related posts:
3 responses so far ↓
1 kanona05 // May 5, 2008
You might want to check your links! I get the "404 Not Found" page on each link whenever I click on them.
Once you get those working I might be able to help.
2 jalford12 // May 5, 2008
You will find that Firefox behaves differently to IE in the way it displays block and offsets.
You always need to test your sites on as many different browsers as you can get your hands on.
Use the browser check (Javascript) to dynamically change your settings depending on the browser.
There is a pay-for utility that can help in this respect, but it is often cheaper to download the browsers yourself as they are free, the utility is not.
http://www.browsercam.com/Default2.aspx
3 just JR // May 5, 2008
The images you post are not related in any way with the files you post!
However, you are using a WYSIWIG editor (Dreamweaver, Frontage etc), who cannot cope with different instructions for different browsers. You have to correct the code they generate!
Since the code is extremely messy, this is going to be a difficult task.
In view of the two images, it seems that you are using divisions. (<div> tag).
Use javascript to get the screen width and the browser.
Then, calculate the position of your divs, and use
<div style = { position : absolute ; top : ##px ; left : ##px ; width : ## px ; height : ## px; } >
Finally, check with IE, FF, Opera and Netscape. You will STILL have problms with Safari, but that is 2.1% of worldwide users only. Their loss!
Leave a Comment