473,327 Members | 1,967 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,327 software developers and data experts.

IE 6 Positioning Disaster

25
Hi there, I've uncovered a problem which I only have with IE6, surprise surprise. I have a centered layout for the main content of my web page and I am populating the main section with tabulated data pulled from a database. However, in IE6, the main section of the page is pushed to the left, while the background image (a gold box) i've used to contain the table data has been pushed out to the right.

The strange thing about this is that my other pages display fine in IE6, it seems that the dynamically created table is causing mayhem on this one page. I've checked through my code and can't see any problems - if anyone could help that would be greatly appreciated.

The page and source can be viewed at www.ttfgolf.com/members/top_courses.php (apologies if the table coding looks a bit messy, php is generating this for me and don't think i can affect the output format)

the css is as follows...

Expand|Select|Wrap|Line Numbers
  1. body {
  2.     background-image: url(ttf_background.jpg);
  3.     background-repeat: repeat-x;
  4.     font-size:1em;
  5.     height:100%;
  6. }
  7.  
  8. .container {
  9.     background-image: url(members_bground.jpg);
  10.     background-repeat:no-repeat;
  11.     font-family: Verdana, Arial, Helvetica, sans-serif;
  12.     font-size: 11px;
  13.     color: #FFFFFF;
  14.     width:843px; 
  15.     margin-left: auto; 
  16.     margin-right: auto;
  17.     text-align:center;
  18.     height:800px;
  19. }
  20.  
  21. .container p {
  22.     position:relative;
  23.     padding-top:30px;
  24. }
  25.  
  26. .menu {
  27.     position:relative;
  28.     top:80px;
  29. }
  30.  
  31. a:link {
  32.     color:#D5BE8B;
  33.     text-decoration:underline;
  34. }
  35.  
  36. a:visited {
  37.     color:#008200;
  38. }
  39.  
  40. a:hover {
  41.     color:#FFCC00;
  42. }
  43.  
  44. #content {
  45.     position:relative;
  46.     top:79px;
  47.     background-image: url(box.gif);
  48.     background-position:top center;
  49.     background-repeat:no-repeat;
  50. }
  51.  
  52. #content p {
  53.     margin-left:30px;
  54.     margin-right:30px;
  55.     padding-bottom:0;
  56.     text-align:left;
  57. }
  58.  
  59. #content #centertext {
  60.     margin-left:0px;
  61.     text-align:center;
  62. }
  63.  
  64. #loginform {
  65.     margin-left:200px;
  66.     margin-top:30px;
  67. }
  68.  
  69. label,input {
  70.     display: block;
  71.     width: 200px;
  72.     float: left;
  73.     margin-bottom: 20px;
  74. }
  75.  
  76. input[type="checkbox"] {
  77.     width:15px;
  78.     margin-left:30px;
  79. }
  80.  
  81. label {
  82.     text-align: right;
  83.     width: 175px;
  84.     padding-right: 20px;
  85. }
  86.  
  87. br {
  88.     clear: left;
  89. }
  90.  
  91. #loginform #formbuttons {
  92.     margin-left:177px;
  93.     padding-top:10px;
  94. }
  95.  
  96. #content #error {
  97.     color:red;
  98.     margin:0;
  99.     padding:0;
  100.     text-align:center;
  101. }
  102.  
  103. #loginform input[type = "submit"] {
  104.     margin-left:20px;
  105.     width:auto;
  106. }
  107.  
  108. /*golf course table styling*/
  109. #course_table {
  110.     margin-top:30px;
  111.     width: 750px;
  112.     margin-left:60px;
  113.     text-align:left;
  114.     border-collapse:collapse;
  115. }
  116.  
  117. #course_table th{    
  118.     color:#D5BE8B;
  119.     font-size:1.4em;
  120.     border-bottom:solid 2px #D5BE8B;
  121. }
  122.  
  123. #course_table td{
  124.     margin-bottom:0;
  125.     height:22px;
  126.     vertical-align:top;
  127. }
  128.  
  129. #course_table #checkbox {
  130.     height:5px;
  131. }
  132.  
  133. #course_table #rank {
  134.     padding-left:30px;;
  135. }
  136.  
  137. #course_submit {
  138.     margin-top: 40px;
  139.     margin-left:600px;
  140. }
  141.  
  142. .footer {
  143.     position:relative;
  144.     width:843px;
  145.     margin-top:2px;
  146.     height:56px;
  147.     margin-left: auto; 
  148.     margin-right: auto;
  149.     text-align:center;
  150.     font-family: Verdana, Arial, Helvetica, sans-serif;
  151.     font-size: 9px;
  152.     color: #FFFFFF;
  153.     background-image: url(banner_bottom.gif);
  154.     background-repeat: no-repeat;
  155. }
  156.  
  157. .footer img {
  158.     float:left;
  159. }
  160.  
  161. .footer p {
  162.     padding-top:3px;
  163. }
  164.  
  165.  
Sep 27 '07 #1
2 1845
drhowarddrfine
7,435 Expert 4TB
Validate for your list of 50 html errors that need correcting.
Sep 27 '07 #2
nicky77
25
thks for the reply - i had validated earlier today and couldn't see what could be causing my problem, realise i still should have corrected the errors though before posting - apologies. i've now corrected all of the errors apart from those relating to the properties of my flash menu as i'm not keen on messing around with them.

grateful for any help if you can see where the problem might lie
Sep 27 '07 #3

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

Similar topics

9
by: Bryan R. Meyer | last post by:
Hello Everyone, The problem of browser resizing has become an issue for me. While redesigning my webpage, I set the left and right margins to be auto so that my content would be centered. ...
4
by: Jane Withnolastname | last post by:
I am trying to re-work an old site by replacing the html with css. On the main page, I have a logo image which I needed centred on the initial screen. I found the solution here:...
14
by: Harlan Messinger | last post by:
What am I not understanding about the definition of { position: absolute; }? "The box's position (and possibly size) is specified with the 'left', 'right', 'top', and 'bottom' properties. These...
19
by: MasonC | last post by:
I like Opera but it doesn't like Democrats. This page validates as XHTML and is OK in MSIE 6 but is a disaster in Opera 7.23. http://www.democrats.org/specialreports/condoliesa/page3.html ...
6
by: rajek | last post by:
I posted a similar question yesterday, but didn't get an answer that resolved the issue. (Thanks to those who tried though.) The background: I've read in books and online that if you have one...
11
by: NS | last post by:
I am relativly new to css positioning and have a question regarding the display of a DHTML pop-up Here is the basic HTML I am using: <html> <head> <script language="JavaScript"> <!--
1
by: Charles Harrison Caudill | last post by:
with tables there is a clean and algorithmic way to organize things, but with css which is, once you get it working, much cleaner, I have to tweak and patch and hope and pray and curse before...
18
by: Jason Tesser | last post by:
We are evaluating Postgres and would like some input about disaster recovery. I know in MsSQL they have a feature called transactional logs that would enable a database to be put back together...
2
by: Rob R. Ainscough | last post by:
I'm slowly (very slowly) working my way thru the bizarre and sadistic world of control positioning in MultiViews (ASP 2.0). I came across this to help me explain (or attempt to anyway) why my web...
6
by: Mark | last post by:
hi, i'm trying to position something in the top right corner of a container, but i can't seem to figure out how to get it working. here's the html <div class='thumb'><a href='image.jpg'><img...
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...
0
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...
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: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
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...

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.