473,322 Members | 1,699 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,322 software developers and data experts.

Can anyone solve this IE7 display issue?

I've failed miserably to correct the display issues in IE7 though for a site i built for a friend of mine. http://www.danielburtonimagery.com. Tried pretty much every trick I can think of to give it layout. It seems to be the div "leftColumn" that is the problem. The whole thing just jumps up about 50 pixels from where it should be! Is there anything obvious that I have overlooked? Any suggestions greatly appreciated, as I'm tearing my hair out!!!

Thanks
Tim

Here is my style sheet.

Expand|Select|Wrap|Line Numbers
  1. @charset "UTF-8";
  2. /* CSS Document */
  3.  
  4. body {
  5.     background-color: #000000;
  6.     text-align: center;
  7.     margin: 0px;
  8.     padding: 0px;
  9.     font-family: Verdana, Arial, Helvetica, sans-serif;
  10.     font-size: 11px;
  11.     line-height: 1.7em;
  12.     color: #FFFFFF;
  13. }
  14. h1 {
  15.     font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  16.     font-weight: bold;
  17.     font-size: 13px;
  18. }
  19. h2 {
  20.     font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  21.     font-weight: bold;
  22.     font-size: 13px;
  23.     color: #CCCCCC;
  24. }
  25. h3 {
  26.     font-size: 14px;
  27.     text-transform: uppercase;
  28.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  29. }
  30. img {
  31.     border-top-style: none;
  32.     border-right-style: none;
  33.     border-bottom-style: none;
  34.     border-left-style: none;
  35. }
  36. textarea {
  37.     background-color: #000000;
  38.     border: 1px solid #D90000;
  39.     color: #FFFFFF;
  40.     font-family: Verdana, Arial, Helvetica, sans-serif;
  41.     font-size: small;
  42.     scrollbar-base-color: #000000;    
  43. }
  44. input {
  45.     border: 1px solid #D90000;
  46.     background-color: #000000;
  47.     color: #FFFFFF;
  48.     font-family: Verdana, Arial, Helvetica, sans-serif;
  49.     font-size: small;
  50. }
  51. .floatright {
  52.     float: right;
  53.     margin-top: 10px;
  54.     margin-right: 10px;
  55.     border: 1px solid #CCCCCC;
  56.     margin-left: 10px;
  57. }
  58. #wrapper {
  59.     text-align: left;
  60.     width: 1123px;
  61.     margin-top: 100px;
  62.     margin-right: auto;
  63.     margin-bottom: 100px;
  64.     margin-left: auto;
  65. }
  66. #navigation {
  67.     width: 450px;
  68.     font-family: Arial, Helvetica, sans-serif;
  69.     font-size: 12px;
  70.     float: left;
  71.     border-bottom-width: 1px;
  72.     border-bottom-style: solid;
  73.     border-bottom-color: #FFFFFF;
  74.     padding-top: 30px;
  75. }
  76. #logo {
  77.     background-image: url(assets/dbi_logo.gif);
  78.     background-repeat: no-repeat;
  79.     height: 50px;
  80.     float: right;
  81.     width: 1123px;
  82.     background-position: right;
  83.     border-bottom-width: 1px;
  84.     border-bottom-style: solid;
  85.     border-bottom-color: #FFFFFF;
  86. }
  87. #leftColumn {
  88.     width: 300px;
  89.     padding-left: 10px;
  90.     color: #787878;
  91.     height: 400px;
  92.     border-left-width: 1px;
  93.     border-left-style: solid;
  94.     border-left-color: #FFFFFF;
  95.     background-repeat: no-repeat;
  96.     padding-right: 10px;
  97.     float: left;
  98.     clear: both;
  99.     background-color: #FFFFFF;
  100.  
  101. }
  102. #leftColumn a {
  103.     color: #666666;
  104. }
  105. #rightColumn {
  106.     float: right;
  107.     width: 800px;
  108.     border-left-width: 1px;
  109.     border-left-style: solid;
  110.     border-left-color: #CCCCCC;
  111.     border-right-width: 1px;
  112.     border-right-style: solid;
  113.     border-right-color: #FFFFFF;
  114.     clear: right;
  115.     height: 400px;
  116. }
  117. #rightColumn p {
  118.     padding-left: 10px;
  119. }
  120. #partnersContent {
  121.     padding: 10px;
  122.     color: #FFFFFF;
  123. }
  124. #partnersContent a {
  125.     color: #D90000;
  126. }
  127. #contactBox1 {
  128.     float: left;
  129.     width: 510px;
  130.     padding-left: 10px;
  131. }
  132. #contactBox2 {
  133.     float: right;
  134.     width: 240px;
  135.     background-image: url(assets/contactBox_border.jpg);
  136.     background-repeat: no-repeat;
  137.     background-position: left;
  138.     height: 400px;
  139.     padding-left: 30px;
  140.     font-size: 11px;
  141.     padding-right: 10px;
  142. }
  143. #contactBox2 h1 {
  144.     font-size: 11px;
  145.     font-weight: bold;
  146. }
  147. #content {
  148.     font-family: Verdana, Arial, Helvetica, sans-serif;
  149.     font-size: small;
  150.     line-height: 1.5em;
  151.     color: #000000;
  152. }
  153. #footer {
  154.     border-top-width: 1px;
  155.     border-top-style: solid;
  156.     border-top-color: #FFFFFF;
  157.     color: #666666;
  158.     font-size: 9px;
  159.     font-family: Verdana, Arial, Helvetica, sans-serif;
  160.     text-align: right;
  161.     padding-right: 10px;
  162.     clear: both;
  163. }
  164. #footer a {
  165.     text-decoration: underline;
  166.     color: #666666;
  167. }
  168. #rightColumn a {
  169.     color: #D90000;
  170. }
Aug 3 '10 #1

✓ answered by JKing

Try removing float:right from #logo.

I tested this locally with IE7, IE8 and FF.

5 2635
JKing
1,206 Expert 1GB
I think the problem may be with your menu. You have a javascript error that should be corrected. I think you are missing a reference to your spry javascript file.
Something like this
Expand|Select|Wrap|Line Numbers
  1. <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script> 
  2.  
Not sure that will fix the error but it is a start.
Aug 3 '10 #2
Hi, thanks for taking a look. There is no js file for the menu bar just a separate css file that I've linked to. The nav bar works fine in other browsers. You just can't see it in IE7 cos the damn div box below blocks it out.

Thanks again

Tim
Aug 3 '10 #3
JKing
1,206 Expert 1GB
Then what is the point of this?
Expand|Select|Wrap|Line Numbers
  1. <script type="text/javascript">
  2.     var mb1 = new Spry.Widget.MenuBar("menubar1", {imgDown:"spryAssets/SpryMenuBarDownHover.gif", imgRight:"spryAssets/SpryMenuBarRightHover.gif"});
  3.         </script>
  4.  
  5.  
Aug 3 '10 #4
JKing
1,206 Expert 1GB
Try removing float:right from #logo.

I tested this locally with IE7, IE8 and FF.
Aug 3 '10 #5
You are my hero! If I didn't live over 3000 miles away i'd buy you a beer. Thanks a lot buddy.

P.S. yeah you're right the text you mentioned before is unnecessary, should have stripped it out.
Aug 3 '10 #6

Sign in to post your reply or Sign up for a free account.

Similar topics

0
by: Todd Simpson | last post by:
I am testing ASP application (VBScript) on a Windows 98SE system with PWS. I used to be able to run the application - which requires connection to a database - but now I am getting this error: ...
2
by: Anthony Cuttitta Jr. | last post by:
We have an application that outputs several different graphs from data downloaded from our AS400. The application has worked without (this) issue for several months now, but just recently, the...
1
by: Dominic via DotNetMonster.com | last post by:
With a little help from someone in this forum, I am currently creating forms and then embedding them into tabpages, so that I get a display similar to Lotus Notes. I have one container window, so I...
1
by: Dominic via DotNetMonster.com | last post by:
With a little help from someone in this forum, I am currently creating forms and then embedding them into tabpages, so that I get a display similar to Lotus Notes. I have one container window, so I...
0
by: lord.zoltar | last post by:
I'm having a problem with the behaviour of my program when run through the debugger versus the way it behaves when run as a published executable. I have a DataGridView that I apply custom...
1
by: RonY | last post by:
I have a dropdown which calls SetTimePeriod method on change the selection. In the JS function, I reset the field style.display based on what the selection is. This works fine with IE but not working...
5
by: David Thielen | last post by:
Hi; Ok, I will be the first to agree that this should be impossible - except we are able to keep repeating it. Our login page - which has moderately complex html and uses <LayoutTemplate> to...
3
by: ApexData | last post by:
I am using a continuous form for display purposes. Above this form, a single record is displayed so that when the user presses my NewButton they can enter a NewRecord which gets added to the...
1
by: Adam K. | last post by:
Hello, I have a site I'm working on for a customer and trying to figure out why its displaying differently in IE7 than it is in Firefox. ...
1
by: Tim in Phoenix | last post by:
Hello all, I have a problem with two co-existing js files. One is used to render a flash piece using proper HTML syntax, and the other to mitigate an issue in IE6 where .png graphics are not...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.