Dear Snitzers, have problem with final look of some tables (HTML) design in different browsers. In Firefox everything is ok. and layout is correct, but in IE 6 upper row with background image is mess up.
hiya, it is the same with IE7 and it is the actual image. in IE7 it keep on repeating the image that is set to the background. unless u specify a specific width of the main table u wont be able to fix this problem (well i dont knwo of any ways), but if it was a fixed width u could use some absolute/relative positioning to place the background image in the correct place.
maybe u could relative position it to the left of the table
I see three levels of "nested" tables. In my experience, this complicates the format/layout. Here are my suggestions: 1. Use one table with width = 100% and rows as necessary. Set table to five columns... adjust as necessary. Use 'merge' to combine cells as necessary -- like first row: first cell has text, MERGE next four cells, apply background to <td colspan="4" background="... if desired. 2. I avoid mixing fixed width ( like '223') and percents (like 8%). Make all widths in percent and make sure the total for all columns = 100%! Adjust width % as necessary! Repeat matching percentage for each corresponding column in successive rows. 3. When designing the page tables, use borders. Set 'outermost table to border = red and =4 (for example), first nested table border = navy and = 3, NEXT nested table border = green and 2 and so on. It makes it easy to find/set alignment, etc!!! When done, simply set border = 0 and let color info as is -- in case you need to redesign. 4. Simplier is better... keep layout and table use as simple as possible.
Its also worth noting that you can use tools like the "IE Developer's Toolbar" or the "Web Developer's Toolbar" for IE and Fx respectively. Either one will give you an outline of your table elements and/or any other element. I've found both to be absolutely invaluable for this and many other reasons. I highly recommend that all web developers use both tools when checking in both browsers.
Topic Locked
Posted - 24 August 2007 : 18:03:36
