SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    Phil fillup07's Avatar
    Join Date
    May 2002
    Location
    Jacksonville, FL
    Posts
    1,168
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    a table problem...

    Ok,
    Here is what my design looks like when working properly:
    Edit:

    link removed


    Using the same server side desing includes (top and bottom), I want the site to look the same if I add a lot more text. (so the site stretched properly vertically)

    However, it is not working properly:
    Edit:

    link removed


    *The 4 yellow table cells are the ones which should stretch vertically. The rest should never change, but it is not working*

    (The yellow table cells and red border are temporary and are just there while this problem exists)

    What am I doing wrong?
    Please help.
    Last edited by fillup07; May 1, 2004 at 20:24.

  2. #2
    SitePoint Zealot
    Join Date
    Oct 2003
    Location
    Germany
    Posts
    105
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I've looked at the pages in IE 6 and Mozilla 0.8. In IE6 the yellow on the left hand side doesn't stretch down but whereas the space below the image does. In Mozilla both yellow panels stretch down.

    I take it the way it looks in Mozilla is the how you want it to look like?

  3. #3
    Phil fillup07's Avatar
    Join Date
    May 2002
    Location
    Jacksonville, FL
    Posts
    1,168
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm not sure how it looks in Mozilla. The point is that (in IE) this should be a pretty simple table design and I should be able to get it working right.

    I want the red border to be directly around the picture of the girl on the left. In fact, the only border that shouldn't be tight and should stretch is the 4 yellow cells... I want them to stretch vertically.

    What is wrong w/ my HTML or table design?

  4. #4
    SitePoint Guru TurtleX's Avatar
    Join Date
    Apr 2004
    Posts
    782
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You could put the girl and everything on the left in a new table.

  5. #5
    SitePoint Zealot
    Join Date
    Oct 2003
    Location
    Germany
    Posts
    105
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I've been looking at the problem for a while, even searched on the net and I've come to the conclusion that it's IE that's at fault, the page looks fine in Mozilla and Netscape.

    Try using a nested table as TurtleX suggests.

  6. #6
    Phil fillup07's Avatar
    Join Date
    May 2002
    Location
    Jacksonville, FL
    Posts
    1,168
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    all of my problems always come down to an IE bug...

    thanks a lot for the help. i'll try a nested table. exactly what should i put into a nested table to avoid the same problem?

  7. #7
    SitePoint Guru TurtleX's Avatar
    Join Date
    Apr 2004
    Posts
    782
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Set the height and width attribute values accordingly. If you don't want it to stretch use numbers instead of percentages.

  8. #8
    Phil fillup07's Avatar
    Join Date
    May 2002
    Location
    Jacksonville, FL
    Posts
    1,168
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    TurtleX, I had already done that. If you were to have looked at my code, you would have seen that every single height and width tag were set with values that all added up except the height property of the 4 yellow cells.

    However, I recreated the table in a different way and it now works wonderfully. Thanks for the bug tip.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •