473,231 Members | 1,632 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,231 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 1842
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: VivesProcSPL | last post by:
Obviously, one of the original purposes of SQL is to make data query processing easy. The language uses many English-like terms and syntax in an effort to make it easy to learn, particularly for...
3
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 3 Jan 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). For other local times, please check World Time Buddy In...
0
by: abbasky | last post by:
### Vandf component communication method one: data sharing ​ Vandf components can achieve data exchange through data sharing, state sharing, events, and other methods. Vandf's data exchange method...
2
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 7 Feb 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:30 (7.30PM). In this month's session, the creator of the excellent VBE...
0
Git
by: egorbl4 | last post by:
Скачал я git, хотел начать настройку, а там вылезло вот это Что это? Что мне с этим делать? ...
1
by: davi5007 | last post by:
Hi, Basically, I am trying to automate a field named TraceabilityNo into a web page from an access form. I've got the serial held in the variable strSearchString. How can I get this into the...
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
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
by: Aftab Ahmad | last post by:
So, I have written a code for a cmd called "Send WhatsApp Message" to open and send WhatsApp messaage. The code is given below. Dim IE As Object Set IE =...

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.