Webpage not displaying correctly in IE 7 - 8, works fine in FF and Chrome

Hi all
I'm having a real headscratcher with this problem, I have only been partially involved in creating our new webpage, and the only problem left unsolved is this issue with Internet Explorer. I'm enclosing a screenshot of first Firefox and then IE 8.
As you can see the menu is shifted downwards, this problem seems to get worse on the following pages.
If you want to check out the site the adress is http://www.textilleveranser.se
Thank you in advance for any help.

Try this and see if it gets you closer to what you need (html code AND css below). Copy all dump into a new file and save to your site folder. (make sure you make a back-up of your original file incase you need to revert to it.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?xml version="1.0" encoding="iso-8859-1"?>
<title>Textilleveranser</title>
    <link rel="stylesheet" type="text/css" href="utseende1.css"/>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-2721204-1']);
_gaq.push(['_trackPageview']);
(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
</script>
<style type="text/css">

</style>
<style>
img.first {
    display: block;
    margin: 0 auto;
    margin-top: 35px;
#container {
width: 1024px;
display: block;
body.first {
    background-image: url(images/forstasidabakgrund.png);
    background-attachment: scroll;
    background-position: top center;
    background-repeat:no-repeat;
    font-family:Akzidenz Grotesk, Helvetica, Arial, sans-serif;
    letter-spacing: 0.2px;
margin: 0;
padding: 0;
body.second {
    background-image: url(images/historikbakgrund.png);
    background-attachment: scroll;
    background-position: top center;
    background-repeat:no-repeat;
    font-family: Akzidenz Grotesk, Helvetica, Arial, sans-serif;
    letter-spacing: 0.2px;
body.third {
    background-image: url(images/hittaossbakgrund.png);
    background-attachment: scroll;
    background-position: top center;
    background-repeat:no-repeat;
    font-family: Akzidenz Grotesk, Helvetica, Arial, sans-serif;
    letter-spacing: 0.2px;
body.fourth {
    background-image: url(images/leverantorerbakgrund.png);
    background-attachment: scroll;
    background-position: top center;
    background-repeat:no-repeat;
    font-family: Akzidenz Grotesk, Helvetica, Arial, sans-serif;
    letter-spacing: 0.2px;
body.fifth     {
    background-image: url(images/referenserbakgrund.png);
    background-attachment: scroll;
    background-position: top center;
    background-repeat:no-repeat;
    font-family: Akzidenz Grotesk, Helvetica, Arial, sans-serif;
    letter-spacing: 0.2px;
body.sixth {
    background-image: url(images/1fonsterbakgrund.png);
    background-attachment: scroll;
    background-position: top center;
    background-repeat:no-repeat;
    font-family: Akzidenz Grotesk, Helvetica, Arial, sans-serif;
    letter-spacing: 0.2px;
body.seventh {
    background-image: url(images/2moblerbakgrund.png);
    background-attachment: scroll;
    background-position: top center;
    background-repeat:no-repeat;
    font-family: Akzidenz Grotesk, Helvetica, Arial, sans-serif;
    letter-spacing: 0.2px;
body.eigth {
    background-image: url(images/3tillbehorbakgrund.png);
    background-attachment: scroll;
    background-position: top center;
    background-repeat:no-repeat;
    font-family: Akzidenz Grotesk, Helvetica, Arial, sans-serif;
    letter-spacing: 0.2px;
body.ninth {
    background-image: url(images/41tjansterbakgrund.png);
    background-attachment: scroll;
    background-position: top center;
    background-repeat:no-repeat;
    font-family: Akzidenz Grotesk, Helvetica, Arial, sans-serif;
    letter-spacing: 0.2px;
ul.navbar1 {
list-style-type:none;
width: 27.1em;
padding: 0;
margin: 15px auto 0 auto;
ul.navbar1 li{
    float:left;
margin: 0;
padding: 0;
ul.navbar1 a {
    color:#7f7d7d;
    padding:8px;
    text-decoration:none;
    text-transform:uppercase;
    font-size:11px;
ul.navbar1 a:hover,a:active {
    color:#FFFFFF;
    padding:8px;
    text-decoration:none;
    text-transform:uppercase;
    font-size:11px;
ul.navbar2 {
    list-style-type:none;
    width: 47.2em;
    margin: auto;
    margin-top: 42px;
ul.navbar2 li{
    float:left;
ul.navbar2 a {
    color:#7f7d7d;
    padding:5px;
    text-decoration:none;
    text-transform:lowercase;
    font-size:9.5px;
    letter-spacing:0.5px;
ul.navbar2 a:hover,a:active {
    color:#000000;
    text-decoration:none;
    text-transform:none;
    font-size:9.5px;
    letter-spacing:0.5px;
h4 {
    color:#000000;
    text-align: left;
    width: 42.3em;
    margin: auto;
    margin-top: 80px;
h5 {
    color:#000000;
    padding: 10px;
    margin-top: -8px;
    text-align: center;
div.wrap {
    width: 680px;
    margin:0 auto;
div.main {
    font-size: 13px;
    color:#000000;
    text-align: left;
ul.navbar3 {
    width: 680px;
    list-style-type:none;
    margin: auto;
    margin-top:30px;
ul.navbar3 li {
    display:block;
    float: left;
    list-style:none;
    padding-right:10px;
ul.navbar3 a {
    border-style: none;
    border: none;
    outline: 0;
ul.navbar3 a:hover {
    border-style: none;
    border: none;
    padding: 0;
div.wrap.second {
    width: 680px;
    margin:0 auto;
div.main.second {
    float:left;
    width: 330px;
    font-size: 13px;
    color:#000000;
    text-align: left;
div.sidebar.second {
    float:right;
    width:310px;
    font-size: 13px;
    color:#000000;
    text-align: left;
div.sidebar.third {
    float:right;
    width:322px;
div.main.fourth {
    float:left;
    width: 330px;
    font-size: 13px;
    color:#000000;
div.main.fourth a {
    color:#000;
    font-size:13px;
    text-decoration:none;
div.main.fourth a:hover,a:active {
    color:#7f7d7d;
    font-size:13px;
    text-decoration:none;
}</style>
</head>
<body class="first">
    <img src="images/textilleveranserWEBlogga.png" alt="" width="243" height="48" class="first">
    <ul class="navbar1">
<li><a href="index.html"><font color="#FFFFFF">Hem</font></a></li>
        <li><a href="historik.html">Historik</a></li>
        <li><a href="hittaoss.html">Hitta Oss</a></li>
        <li><a href="leverantorer.html">Leverantörer</a></li>
        <li><a href="referenser.html">Referenser</a></li>
    </ul>
    <h4>Hej!</h4>
    <div class="wrap">
        <div class="main"><p class="third">Välkommen till Textilleveranser. Vi hjälper företag och privatpersoner med lämpliga lösningar till såväl fönster som möbler. Vi kan också erbjuda allt i tillbehör. Vår styrka är att ge dig professionell hjälp med måttagning, montering och inredningsråd.</p></div>
    <ul class="navbar3">
    <li><a href="1fonster.html"><img src="images/textilfonster.jpg"></img></a><h5>Fönster</h5></li>
    <li><a href="2mobler.html"><img src="images/textilmobler.jpg"></img></a><h5>Möbler</h5></li>
    <li><a href="3tillbehor.html"><img src="images/textiltillbehor.jpg"></img></a><h5>Tillbehör</h5></li>
    <li><a href="4tjanster.html"><img src="images/textiltjanster.jpg"></img></a><h5>Tjänster</h5></li>
    </ul>
</div>
</body>
</html>

Similar Messages

"Define query parameters" popup in Dataset properties - Refersh field, not displayed for Sps in SSDT 2010 (Works fine in BIDS)

When we upgraded our SSRs projects to 2012, we are facing an issue in Data tools environment.
When we click REFRESH FIELDS button in Dataset properties, With query type as SP (For all our sps), the "Define query parameters" popup is not displayed.
When we checked the SQL Profiler for queries executed at back end , NULL values are used for parameters.
But when we Used the QUERY DESIGNER button, and clicked execute for sp, the popup comes.
For User defined Functions, the Popup comes correctly.
In BIDS, still we can open the RDLs and do the operations correctly
Please advice

Dear Wendy Fu
My Scenario is different.
In Query Designer, Every thing is fine (Parameter Popup is coming, and fields are populated under data set)
But what we need to do is
1, Select Query Type As SP
2, Select the required SP
3, Click Refresh Button
4, A "Define
query parameters" window popsup
5, Provide values and click Ok
6, Fields will be populated under the dataset
The issue we face is that, we are not getting the Define query parameters popup,
Hence NULL values are passed to execute the sp, to retrieve the fields set.
The Work around we are using now is editing the sp, and use
set @Parameter = Value
for each parameters in sp, and then we get the fields populated under dataset, when we click refresh.
The issue exists in both MSDT for
Visual studio 2010 & MSDT for Visual studio 2012.
But every thing is fine in BIDS with VS 2008 Shell for the same RDL

Installed 200 fonts into Font Book, webpages not displaying correctly now.

My wife accidentally installed a ton of fonts from my collection into Font Book. Now most webpages won't display properly. I deleted most of the fonts, but certain webpages still don't look right/display the correct font. I need to know how to restore Font Book to it's default, or basically get me back to where I was before all this happened. I've tried using Font Finagler to clean my font caches, but that didn't work. I've also tried getting rid of any fonts in Home/Library/Fonts. PLEASE HELP!!!!!
Power Mac G5 Dual 1.8 Ghz Mac OS X (10.4.9)

If after reinstalling your fonts your still have issues, then Font Book's database may be damaged, along with the system's font cache files. To reset each, do the following.
First, follow the steps in Undoing Font Book.
Then follow this additional step.
Download and run Mark Douma's Font Finagler to clear the font cache files on the system.

My album artwork is not displaying correctly, what should I do to fix it? And yes it's correct in my iTunes library.

Please help, it's starting to get annoying, also the problem only starts after I restarted my iPod Touch.

I had the same problem with my 4th generation iPod Touch. A "restore" did the trick and set everything right. It took about an hour. I have 14GB of music -- 3,000 songs plus or minus.

My iPad screen will not rotate in the mail program but works fine in safari and star walk apps, any ideas ?

Has anyone had the same problem and does anyone have a suggested fix.

Try closing the Mail app completely and see if it rotates when you re-open it : from the home screen (i.e. not with the Mail app 'open' on-screen) double-click the home button to bring up the taskbar, then press and hold any of the apps on the taskbar for a couple of seconds or so until they start shaking, then press the '-' in the top left of the Mail app to close it, and touch any part of the screen above the taskbar so as to stop the shaking and close the taskbar.
If that doesn't work then also do a reset : press and hold both the sleep and home buttons for about 10 to 15 seconds (ignore the red slider), after which the Apple logo should appear - you won't lose any content, it's the iPad equivalent of a reboot.

Webpage is not displaying correctly in IE7 or IE9

Hi,
I'm a newbie and am having an issue with a webpage not displaying correctly in IE7 & IE9. It displays correctly in Chrome, Firefox, Safari & Opera. I've looked around the forum but have been unable to find an solution. You can take a look at the page here. www.avgamer.com
I'm learning HTML curently and would appreciate any help you can provide.
Here's what it looks like in IE7
and IE9
in Chrome
Thank you!

You're using a commercial template. Does the original template work in all browsers?
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Websites not displaying correctly since upgrading to FF 10.0

Since upgrading to FF 10.0 on Mac OS X 10.7.2 i have noticed that some sites are not loading correctly or they do not function like they used to.
For example:
1. The login page for Tumblr displays just the background image, not the login form.
2. In the Art section of Newgrounds i can no longer change the content filter by clicking on the icons.
However these sites still work fine with Safari and Chrome. For now i am moving to Chrome unless someone knows what is happening and how i can fix it?

Perform the suggestions mentioned in the following articles:
* [https://support.mozilla.com/en-US/kb/Template:clearCookiesCache/ Clear Cookies & Cache]
* [[Troubleshooting extensions and themes]]
* Update All your Firefox Plugins -> [https://www.mozilla.org/en-US/plugincheck/]
** '''When Downloading Plugins Update setup files, Remove Checkmark from Downloading other Optional Softwares with your Plugins (e.g. Toolbars, McAfee, Google Chrome, etc.)'''
Check and tell if its working.

New user of Firefox. Webpage I made not displaying correctly in Firefox but OK in Win IE. Why is this?

Im new to Firefox. Just found out the website Im maintaining does not display correctly with Firefox but OK with Win IE. Why is this?
== This happened ==
Every time Firefox opened

I'm going to make a prediction here:
The webpage will contain a lot of code written specifically to the non-standards compliant way IE works, and will also "not display correctly" in the following standards compliant browsers:
Chrome
Safari
Opera
and the solution will be to code the pages according to the standards meant to be followed so it displays correctly in all non-IE browsers, '''then''' see how it displays in IE.

Large product page not displaying correctly on responsive webpage.

Large product page not displaying correctly on responsive webpage. Not really sure what to adjust or correct.
http://iamartde.businesscatalyst.com/apparel-1/i-am-art-sweatshirt-white

Hi,
I think it may be <div class="html5gallery-viral-0"> (contains the social media buttons) // screencasteu.worldsecuresystems.com/AP/2013-08-01_1033.png
It's the only element that isn't in sync with the other elements on page, when compared to home.html for example.
Kind Regards,
Alex Pavelescu

Webpages do not display correctly, but do when i uninstall certain add-ons

i had the firefox add-ons of shaved beiber and adblocker plus. one day, websites such as blaghag, 100boatsin100days, halolz, and other websites using the design of blog posts or main text with extra links alongside, or websites such as equinox kayaks, with a black background and white text, would not display correctly.
i had to uninstall BOTH addons to make the sites display correctly.
== URL of affected sites ==
http://halolz.com, www.blaghag.com, equinoxkayaks, daiwa, etc.

Hi,
If you're using a theme you can try to temporarily switch to the '''Default''' theme in Tools > Add-ons > Appearance. If the problem persists, please check if this happens in [https://support.mozilla.com/en-US/kb/Safe%20Mode Safe Mode]. Safe mode disables the installed '''Extensions''', and themes ('''Appearance''') in '''Tools''' ('''Alt''' + '''T''') > '''Add-ons'''. Hardware acceleration is also temporarily disabled - the manual setting is '''Tools''' > '''Options''' > '''Advanced''' > '''General''' > [https://support.mozilla.org/en-US/kb/Options%20window%20-%20Advanced%20panel?as=u '''Use hardware acceleration when available''']. All these settings/options/add-ons can also be individually or collectively disabled/enabled/changed in Firefox normal mode to check if an extension, theme, option or hardware acceleration is causing issues. Disabling/enabling hardware acceleration, and some types of add-ons in normal mode may require a Firefox restart.
[http://support.mozilla.com/en-US/kb/Uninstalling+add-ons Uninstalling Add-ons]
[http://kb.mozillazine.org/Uninstalling_toolbars Uninstalling Toolbars]
[https://support.mozilla.com/en-US/kb/Troubleshooting%20extensions%20and%20themes Troubleshooting Extensions and Themes]
[http://kb.mozillazine.org/Problematic_extensions Problematic Extensions]
[https://support.mozilla.org/en-US/kb/Options%20window Options]

Umlauts are not displayed correctly in different programs

Hello!
I live in germany, but my locale is set to "en_US.UTF8" because I like to have everything in english.
I do not have any problems with umlauts on the machine, but when I connect with sFTP oder Samba to it, the umlauts in files are not displayed correctly.
Look at this example
The upper word is how it looks in "ssh putty" (=locally on the machine), the bottom one is from "filezilla" (from my windows host)
This is my locale
locale
LANG=en_US.UTF-8
LC_CTYPE="en_US.UTF-8"
LC_NUMERIC="en_US.UTF-8"
LC_TIME="en_US.UTF-8"
LC_COLLATE="en_US.UTF-8"
LC_MONETARY="en_US.UTF-8"
LC_MESSAGES="en_US.UTF-8"
LC_PAPER="en_US.UTF-8"
LC_NAME="en_US.UTF-8"
LC_ADDRESS="en_US.UTF-8"
LC_TELEPHONE="en_US.UTF-8"
LC_MEASUREMENT="en_US.UTF-8"
LC_IDENTIFICATION="en_US.UTF-8"
LC_ALL=
When I create a file "asd_aöü" locally on the machine (with the help of ssh - putty), it looks fine, but when I connect by samba or filezilla again the umlauts are not displayed correctly.
Do you understand my problem? What can I do?
Thanks!
Last edited by cyberius (2011-02-19 10:12:19)

Did you check the locale settings on your Windows machine?

Date can not display correctly in excel from .jsp

Hi,
I create a .jsp report to export the data to excel. the report run OK, except the date field can not display correctly.
for example in database :start date ='01-oct-2003'
in the except it displays to 02/06/02.
It seem all the date field can not be control in the report, and control by somthing else
Doese anyone come accross this problem?
Thanks

Hi Rong,
Are you using the following demonstration to build your JSP?
http://otn.oracle.com/products/reports/htdocs/getstart/demonstrations/index.html
(Output to Excel with Oracle9i Report)
I tried to do the same, and inserted a database date field in the JSP using Reports. I found the following:
While making the template inside Excel, if I make sure that the format of the date cells is "Date" - some particular date format, the date field values from Reports does not get exported correctly.
However, if you make sure that inside the template, the format of the date cells is not date, but "General", then the date field values are correctly exported to Excel.
Pl try it and let us know.
Navneet.

BPS_WB: Please Wait Dialog Box not Displaying correctly???

When we switched our Planning Interfaces to using the New Planning Interface Design the Please Wiat Dialog Box does not display correctly.
When a Request is fired and the client is waiting for the Response all that shows is a white block in the middle of the screen with no dialog screen or other information.
It maybe associated with the following:
function bpsOpenURLSelf(doIt, url)
      if (doIt) {
        try {
            document.body.style.cursor = "wait"; // works only in IE
        } catch (ex) {} // ignore
        open(url,'_self');
      // note: function with doIt==false is used to check
      //       existence of the opener window
Or it may be associated with a CSS issue?
I am currently using IE 6.0.2900.2180.
Any thoughts would be appreciated!
Thanks, ATC

Hi Alan,
please implement SAP note 845305.
Regards
Marc
SAP NetWeaver RIG

Search box not displaying correctly in Safari

How can the search bar on the Apple site not display correctly in Safari? I find this odd that Apple would allow this. It displays like 2 search boxes overlapping each other. It still functions correctly but it is a little embarrassing since I am always bashing windows pro browser display.

Hi
Welcome to Apple Discussions
Might be a corrupted cache or cookies issue. First, go to Safari Preferences>Security>Show Cookies. Type Apple in the Spotlight panel. Highlight/remove the cookies. Then, go to the Safari Menu>Empty Cache. Try the Apple site.
If the double search panel still appears, go to the Finder: Your User Account>Library>Caches. There, move to the trash the com.apple.safari file. Restart Safari and try the Apple site again.
Post back

Why is Times New Roman not displaying correctly in Illustrator CS5?

Alright, so I'm running Windows 7 64-bit and Illustrator CS5.
Times New Roman Regular does not display correctly on my machine when using Illustrator CS5, but Bold, Italic, Italic Bold display just fine. Times New Roman does display correctly in every other program I use. InDesign, Word, etc. I've attached a screenshot to show what I mean. Please help!

Hi,
I have an absolutely same bug - looks like font substitute
I had reinstall font family - no changes. Win 8.1 Illustrator CC.

Webpage not displaying correctly in IE 7 - 8, works fine in FF and Chrome

Similar Messages

Maybe you are looking for