Alignment problem between IE and Firefox et al.

I have a small space between 2 divs in IE, but the page looks fine in FF & Safari. You can see the gap just below the H in box at the top left. I have reset all margins, but the problem persists. Any help is greatly appreciated.

URL: http://hoffmancustomconstruction.com/base.php

HTML (CSS is lowest)

< ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""
" < html xmlns =" http://www.w3.org/1999/xhtml ">
< head >
< meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
< title > George Hoffman Custom Construction < /title >
< link href = "includes/HCC_style.css" rel = "stylesheet" type = "text/css" / > "
< script src = "SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script > "
< link href = "SpryAssets/SpryMenuBarHorizontal.css" rel = "stylesheet" type = "text/css" / > "
< / head >

< body class = "oneColFixCtrHdr" >

< div id = "container" >
< div id = "header" >


< img src = "images/head.jpg" width = "960" height = "150" alt = "Hoffman Custom Construction" / > "
< / div > <! - end header - >


< div id = "mainContent" >


< div id = "nav" >
< ul id = "MenuBar1" class = "MenuBarHorizontal" >
< li > < a href = "#" > HOME < /a > < /li >
< li > < a href = "#" > OUR SERVICES < /a > < /li >
< li > < a href = "#" > GALLERY < /a > < /li >
< li > < a href = "#" > REQUEST a QUOTE < /a > < /li >
< /ul >
< / div > <! - end nav - >


< div id = "home_cont" >
< img src = "images/home_img.jpg" width = "565" height = "377" alt = "home" / > "
< p > Lorem ipsum dolor sit amet, adipiscing elit our. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. < /p >

< / div > <! - end home_cont - >


< / div > <! - end mainContent - >

< div id = "footer" >
< p > & copy; < /p >

< / div > <!-end #footer->


< / div > <!-end #container->


< script type = "text/javascript" >
<!--
var MenuBar1 = new Spry.Widget.MenuBar ("MenuBar1", {imgDown: "SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});})
->
< /script >
< / body >
< / html >

CSS:

@charset "utf-8";
{body
Police: 100% Verdana, Arial, Helvetica, without serif.
margin: 0;
padding: 0;
text-align: center;
Color: #000000;
}
.oneColFixCtrHdr #container {}
Width: 960px;
margin: 0 auto;
text-align: left;
background-color: #FDF0DF;
background-image: url (.. / images/page_left_bar.jpg);
background-repeat: repeat-y;
background-position: left top;
}
.oneColFixCtrHdr #header {}
padding-top: 0;
padding-right: 0px;
padding-bottom: 0;
padding-left: 0px;
margin-bottom: 0px;
background-color: #FDF0DF;
}
{.oneColFixCtrHdr #mainContent
background-color: #FDF0DD;
margin-left: 50px;
padding-top: 0;
padding-right: 20px;
padding-bottom: 0;
padding-left: 50px;
margin-top: 0px;
background-image: url (.. / images/vert_lines.jpg);
background-repeat: repeat-y;
background-position: left top;
height: 420px;
}
.oneColFixCtrHdr #container #mainContent #home_cont p {}
padding-top: 50px;
margin-top: 0px;
}

.oneColFixCtrHdr #container #mainContent #home_cont img {}
float: right;
padding-top: 30px;
left margin: 20px;
margin-bottom: 0px;
}
#nav {}
background-color: #FDF0DF;
position: absolute;
height: 35px;
left: 450px;
top: 115px;
Width: 700px;
margin-bottom: 0px;
}
.oneColFixCtrHdr #container #mainContent #home_cont {}
margin-top: 0px;
}

.oneColFixCtrHdr #container #footer {}
font size: 0.7em;
background-color: #FDF0DF;
text-align: right;
padding-right: 50px;
Clear: both;
margin-left: 50px;
background-image: url (.. / images/vert_lines.jpg);
background-repeat: repeat-y;
background-position: left top;
padding-top: 10px;
do-family: "Trajan Pro";
letter-spacing: 0em;
padding-bottom: 10px;

Add the below css to your css styles and see what happens:

.oneColFixCtrHdr #header img {}

display: block;

}

Also your nav

is positioned absolutely which means that if someone extends their browser window it does not move with the rest of the design.

Not sure why you used absolute positioning?

Tags: Dreamweaver

Similar Questions

  • 3G BT Broadband Mobile (Huawei) problem with IE and Firefox, Satellite L300

    The L300 Satellite running Vista 32 bit.

    I have a connection Broadband BT and with WIFI or ethernet at home I can connect to the internet and go without problem.
    I also have the BT USB Dongle for mobile connection far from home, this is the problem.

    I can connect to the internet through the connection manager BT (the software that is included in the dongle and installed on the Satellite L300) and some dongles light and software see I am connected. Too, it is shown on the icons at the bottom of the computer screen.

    Problem is IE and firefox will open, but neither more, "cannot display this page' or 'Connection timed Out' my access provider Internet (BT) said this isn't a matter of Dongle it's a software issue.

    I know that it is typical of an ISP as much as the two BT lines did not know what to say,
    Funny it is... until last week it worked so I was away from home, I used IE then tried to do the full-screen page and then stopped with "cannot display this page". He has not worked since. I then installed Firefox to check that it was not just IE.

    I disabled my firewall and tried to connect, the same problems.
    My ISP said has the laptop computer connection selected an obscure port that IE of Firefox cannot find?

    If anyone can help?

    I'll go to MS and reinstall IE, I think now if the IE software "crushed" and changed some settings has firefox then tried to use the system corrupted settings?

    I have already downloaded again the BT Manager in BT connection

    Interesting problem.

    You are able to back up your data and run recovery?

    Or maybe just try a system restore to an earlier date.

  • Problem between C40 and Panasonic AW-HE50HE camera

    Hi all

    We have identified a problem between C40 and Panasonic AW-HE50HE camera with HDMI connection.

    The Panasonic camera is configured with the 720 p output, and it can display on a LCD monitor.

    However, we have connected the camera C40 and Panasonic AW-HE50HE with HDMI connection, the C40 show black screen.

    The codec C40 is confirmed as well function and its specification declared support,

    1280 x [email protected]/ * /, 59,94 Hz (720 p 60)

    1280 x [email protected]/ * / Hz (720p50)

    Anyone can provide help for me, thank you,

    Ben Lai

    Hello

    Can you telnet to the codec with the camera connected and check if the codec no video camera and what is the detected resolution.

    Teck Chye

  • OAM behave differently between IE and Firefox/Chrome

    I use programmatic authentication to enable and authenticate the user, but when the user runs an activation, the user passes through the

    Activation process:

    1. the user enters information base (name, e-mail address)

    2 web application generates an activation url and it automatically sends to the user

    3. the user clicks on the link and a web application opens and a pop place for new password and security issues

    4A in IE once the user sends the password and ask the user remains connected

    4. in Chrome and Firefox, once the user submits the responses and the password, the user is lgged out and displays a sign in page.

    I compared the newspapers, I don't see any errors, I also used a violin and I noticed that in Chrome and Firefox there is an additional OAM_ID cookie in the response.

    Someone saw a difference between IE and no behaviors IE browsers or have any suggestions to fix/GET this problem?

    -Ahmer

    IDM SK,

    I was on vacation the past two weeks and didn't see your response, however, we have solved the problem by changing the policy to exclude the pages associated with the activation URL. This seems to have solved the problem.

    Does not have full feeling for me right now, but it seems to work.

    -Ahmer

  • Spry menu bar: problems in IE and Firefox

    Hello! This is my first time writing the forum. I tried to fix this site and I'm about to break! I found a lot of help just brwosing here in the past and I hope that somone can point me in the right direction.

    I have validated successfully the site using the W3C CSS Validator thinking which might help, but no go. (In fact, everything what was spoil the vertical alignment of elements of menu in Safari, Chrome and other browsers in which the menu used to work properly). I tested on the latest version of Firefox for Mac and testing for IE using the Adobe browser lab.

    Here's what happens:

    • The menu is completely useless in all versions of Internet Explorer.

    • In Firefox the menu seems to work fine except the menu under flash items then disappear a site navigation very frustrating.

    Here is the site: http://oregapet.com/

    And here's my sections

    @charset "UTF-8";
    ul.MenuBarHorizontal {
              margin: 0;
              list-style-type: none;
              font-size: 80%;
              cursor: default;
              width:auto;
              font-family: Verdana, Geneva, sans-serif;
               [disabled]font: 11px;
    
    
              padding-top: 4px;
              font-weight: bold;
              padding-bottom: 2em;
    }
    ul.MenuBarActive {
              z-index: 1000;
    }
    ul.MenuBarHorizontal li {
              margin: 0;
              font-size: 100%;
              position: relative;
              text-align: left;
              cursor: auto;
              width: auto;
              float: left;
              background-color: #AAA;
              color: #FFF;
              padding-top: 0.3em;
              padding-right: 3.5em;
              padding-bottom: 0.3em;
              padding-left: 1em;
              min-height: 22px;
    }
    ul.MenuBarHorizontal ul {
              margin: 0;
              list-style-type: none;
              font-size: 90%;
              z-index: 1020;
              cursor: default;
              width: 0px;
              position: absolute;
              left: -1000em;
    }
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
              left: auto;
    }
    ul.MenuBarHorizontal ul li {
              width: 15em;
              margin-left: -12px;
               [disabled]color: #FFF;
    
    
    }
    ul.MenuBarHorizontal ul ul {
              position: absolute;
              margin: -5% 0 0 95%;
    }
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {
              left: auto;
              top: 0px;
    }
    ul.MenuBarHorizontal ul {
              border: 0;
    }
    ul.MenuBarHorizontal a {
              display: block;
              cursor: pointer;
              background-color: #AAA;
              padding: 0.3em 0 0 0;
              color: #FFF;
              text-decoration: none;
    }
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {
              background-color: #AAA;
              color: #FFF;
    }
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
              background-color: #AAA;
              color: #FFF;
    }
    ul.MenuBarHorizontal a.MenuBarItemSubmenu {
              background-repeat: no-repeat;
              background-position: 95% 50%;
              padding-top: 10px;
    }
    ul.MenuBarHorizontal a.MenuBarItemSubmenuHover {
              background-repeat: no-repeat;
              background-position: 95% 50%;
              text-decoration: none;
    }
    ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover {
              background-repeat: no-repeat;
              background-position: 95% 50%;
    }
    ul.MenuBarHorizontal iframe {
              position: absolute;
              z-index: 1010;
               [disabled]opacity:0.1;
    
    
               [disabled]filter:alpha(opacity=1);
      For IE8 and earlier 
    }
     @media screen, projection {
    ul.MenuBarHorizontal li.MenuBarItemIE {
              display: inline;
              f\loat: left;
              background: #FFF;
    }
    }
    
    

    Thank you very much!

    GRAMPS! Thank you very much. I really, really appreciate your help. In addition to your suggestion I changed all other instances of z-index that relate to the menu bar. I put them all to 10000 (more than the z-index of 1002 on the fadeslideshow.js). Now it works like a charm and is no longer hides behind the fadeslideshow. Yay!

    Thanks to Nancy O. for his suggestion as well. For anyone having problems woth Spry Menu bar in IE and Firefox especialy: The Spry Menu Bar 2.0 version works much better than the previous version.

    Melody

  • [Regression] Problems with Stage3D and Firefox &gt; = v47

    Hi, I found a regression with Stage3D and Firefox > = v47.

    Examples:

    Stage3D cubic demo

    Ancient China, Flare3D

    Firefox v46.x = both examples work as expected

    V47.x Firefox Beta & v49.x = every night the Cubes are not visible and the demo of China charge up to 100% and then nothing happens.

    (clean Firefox profiles)

    Tested on two different devices with Flash Player:

    -v18 ESR

    -v19

    -v20

    -v21.0.0.213

    -v22.0.0.144

    Please check with Mozilla.

    Thank you

    He worked again with Firefox Nightly v50 v51 & Flash Player v23.

  • Alignment problem between the line and fill of forms

    Anyone had the same problems with the last update. I noticed that my forms of filling line up to the width of the outer border instead of the median line. I checked the pixel grid was off and the scale of the alignment is set to Center.

    see if the "use Preview limits" is on in preferences

  • What is firefox nightly? What is the difference between it and firefox browser?

    A few knowledge only

    A brief description of each (in reverse order of the development of release every night) - https://www.mozilla.org/en-US/styleguide/identity/firefox/channels/

    You asked your question by using the current Nightly version 26.0a1.

    In order of development - new features may come and go from one channel to the other.

    • Every night - under heavy development. Less stable/secure. First tests of changes/new features; a few changes/features introduced in every night can be withdrawn before release and other versions. Only for the test. Should be used only by very experienced users/testers.
    • Aurora - still under development. More stable / ensure that every night. Some bugs may still be present requiring a resolution. Should be used by experienced users only who can post/report reproducible problems and work around the problems.
    • Beta - phase of Final development before release. Generally good stability and safety. Fixed major bugs. Work final bugs. Overview of what version of output will probably contain in the way of changes/features, although some changes/features can still disappear before the release.
    • Press release - Final channel released to the public for daily use.
  • Why different Web sites between IE and firefox?

    Today, I tried to watch the live broadcast of the race of rolex on speedtv on firefox. On firefox streaming live has not yet shown on the site; but when I switch to IE the flow was live there (same site). What is happening with it, and this problem can be corrected? Really, I can't use IE if I have to!

    URL of affected sites

    http://www.SpeedTV.com/

    I went to the site in both browsers, and I do not see a difference. We need to be connected?
    Is it possible that one of your modules, such as Adblock Plus, blocking content?

  • compatibility problems between DA2400ES and X930D?

    Purchasing a X930D, someone has already tried it with a DA2400ES and/or someone does know of any compatibility issues?

    Hi Zactly,

    You can connect to the TV X930D STR-DA2400ES receiver without any problem.

    There is no problem of compatibility between these products.

    Kind regards

    -Anthony

    If my post answered your question, please mark it as "accept as a Solution.

  • Problem between Labview and Melanie 2602

    Hello world

    I think my question is a bit silly, but I really don't know what the problem is. I just want to read my current solar cell by changing the level of my blood to get an IV curve, which is normally pretty easy. So, I created a loop, where I increase my voltage step by step, and used a function named VI from Labview library that connects the Keithley and Labview together, "Keithley 2600 Series.lvlib: Source Level.vi. I start at 0 and increase by 0.01 volt each time. If I use execution of climax, I see clearly the value is correct, and if I go inside the SourceLevel VI, I clearly see the command string: "smub.source.levelv = 1.6," for example, if I want to put my voltage at 1.6V. The attached picture shows a part of my code.

    Despite all this, it is clear that the Keithley does not react properly. It only works v of v 1V, 2V, 3V, etc... but never the values between. My IV curves are ok to read the Isc, but no VOCS. Never happened to any of you? I would be really happy to understand what I'm doing wrong, because it seems easy enough to solve. :/

    Thank you very much!

    It is quite difficult to debug a picture of a tiny part of the code.

    But I'll take what I see.  Your constant shows a 0.01 (comma).  So I guess that you are in a country that uses a comma instead of a decimal point.  I don't see what is happening inside the code Keithly, but I'll make an assumption that he made some conversions where it is expected that the comma is a period.

    Look closely at the code Keithly and see if that explains it.  Try to set your PC to use a period for the decimal point and try to re-run your code and see if it works better.  It is possible that Keithly conversion uses a system, rather than setting using a decimal point, which is that your sentence says it's sending.

  • Code that reflects differently between explore and Firefox

    I'm always customize my blog WordPress via Dreamweaver.

    I have some occurring number code that is defying all my efforts to eradicate the problem. It would be seemt o has to do with a calendar widget that I use. Yes, I could take, but the problem goes deeper than that. When I look at the site in Firefox, I see on the left sidebar that the first week of the calendar is extended over the area of the "content" div However, when I look at this in Solution Explorer, it is totally screwing the divs massively.

    http://kaufmanphotography.com/blog/

    Thank you!

    Samantha

    Well I checked it in superpreview, and indeed the actual width is the width of the contentwrapper. I don't know what the cause of the problem. Have you attempted to assign the overflow: hidden in the contentwrapper?

  • RadioGroup works differently between IE and Firefox

    I created a sample application: http://apex.oracle.com/pls/otn/f?p=9217:1 with the following report region:

    Select htmldb_item.radiogroup (1, empno,: P1_SELECTED_ID, NULL, NULL, NULL, 'doSubmit ()';) empno, ename from EMP


    So when I click on I want the page to save the ID, you have clicked on an option button, submit the page and redisplay the page with the key that I chose to stay selected.

    In Internet Explorer you must click several times to get the page to present. For example, if the KING is selected (ID 7839) and I want to choose TURNER (ID 7844) I have to click on the radio button of TURNER and click on another button to get the "doSubmit()' to fire. Why? In Firefox, I only click once to have the page submit and select TURNER.

    Why? What differences in the implementation of the EI of the input type 'radio' in HTML? Has anyone solve this problem before?

    I tried to put the doSubmit in the settings p_onblur and p_onfocus for htmldb_item.radiogroup without success. It would be nice we have an onclick parameter. Maybe it works in Internet Explorer.

    Mike

    Mike,

    Put your javascript in the attributes parameter as in this example:

    http://HTMLDB.Oracle.com/pls/OTN/f?p=31517:3

    and it will work for you as well in Internet Explorer.

    Denes Kubicek
    -------------------------------------------------------------------
    http://deneskubicek.blogspot.com/
    http://www.Opal-consulting.de/training
    http://Apex.Oracle.com/pls/OTN/f?p=31517:1
    -------------------------------------------------------------------

  • Problem with selenium and firefox 13.0.1

    I have an automated process where I download files using firefox selenium... Everything works perfectly... It downloads all of them, but with the last of them, it remains as FileName.part (its size is 10000 KB) and FileName.xlsx (which should be the right pair, its empty).

    Any help?

    I found the answer!

    So, I used the selenium, and he had a setting 'pause' after that I do a click... So pseudo code was

    -Click to download
    -20-seconds pause
    -disconnect

    The file took more than 20 seconds to download, that's why I got a partial transfer!

    Thanks for the help! (btw selenium works only with firefox 13)

  • Problems between iTunes and iPhone/iPod...

    Hello

    The problems started when iTunes has stopped to see my iPhone when I connected it to my computer. Then, an error message is appeared when I plugged in my iPod, telling me to iTunes it was detected, but there was a problem, so I needed to unplug. If the problem persisted, I had to uninstall and reinstall iTunes. What I did. No good, same problem.

    Then I happened to get a new iPhone, but once again, iTunes does not see. So I followed these steps I found on some forum:

    Right-click the Apple Mobile Device entry in Device Manager and choose Update driver software.

    • Choose "Browse my computer for driver software."
    • Choose "Let Me pick from a list of drivers for devices on my computer.
    • Click the disk button. Note: If the disk option is not present, choose a category of devices such as Mobile phone or storage device if the list and then click Next. The disk button will appear.
    • Click the Browse button and navigate to C:\Program Files\Common Apple Mobile Device Support\Drivers.
    • Double-click the file "usbaapl. (This file is called "usbaapl64" If you have a 64-bit version of Windows. If you don't see "usbaapl64" here, or if there is no Drivers folder, look in C:\Program Files (x 86) \Common Files\Apple\Mobile Device Support\Drivers. instead).
    • Click Open in the disk window. Then, click Next and then click Finish. Windows installs the driver.

    I couldn't find the bit of the file "usbaal" so, so I just typed in the "C:\Program" bit... "and installed.

    Now, iTunes tells me that my iPhone is encrypted with a password, but there is nowhere for my type a password. It may be a problem with the fact that it is a new iPhone (actually it is second hand but completely reset), but the fact that I have problems with all my devices makes me think that the problem is most likely with iTunes.

    Any help would be greatly appreciated! I'm starting to go crazy from not to be ably to change any music around and thank God for iCloud or I wouldn't be able to back up either...

    read this all along, and then act, as indicated by your symptoms

    Troubleshooting problems with iTunes for Windows updates

Maybe you are looking for

  • No battery detected on Satellite U400?

    Ive just bought a new Satellite U400 and ive charged for hours and when I leave the power cable it shuts off and only turns on when it is plugged in to the charger. and says on the toolbar at the bottom of the battery is not detected.not sure what to

  • Updates Windows has failed in the past - the system is updated today, I'm good?

    Hello I have re-installed Windows 7 last resort because of my PC in place and he has downloaded and installed the updates, he found most. However, there are 3 it has downloaded and cannot be installed, and trying to bring once again, I told myself th

  • 'app shows a blank white screen' rejection go to app world

    My application was rejected world app with this reason: "app displays white screen of white (does not load correctly). It consists of a few javascript using the javascript box2dweb library. It works fine in the emulator to ripple. I have a Playbook t

  • To access the machines by VPN

    Hi all I've established a connection VPN between PIX515 6.3 and a VPN Client 4.6, connection up without problem. But now, how can I have access to the machines installed inside the box? (for example, using remote desktop) I tried with a vpn address p

  • Cannot update Windows 8 for Windows 8.1 error messege: 0x8007045D - 0x2000C

    So as the title says I tried to update my win 8 to win 8.1 I go to the store and download the update, when the guests appear I restart the computer. After reboot I get to the screen with the windows logo, here he wrote his adjustment to the top thing