SitePoint Sponsor

User Tag List

Results 1 to 13 of 13
  1. #1
    reputation consultant ThaVincy's Avatar
    Join Date
    Mar 2003
    Location
    Flanders
    Posts
    523
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    image in a 100% height table

    Why is it that if i put an image as a background in a table with 100% height, it doesn't come to the bottom, but when i reload the page it does?

    It does the same when a table is 100% width.

    Why is this?
    And is there any way of solving this problem?

    check what i mean : http://www.twizted.be/staff/narfotic/freeboarder
    view the page and afterwards refresh it.
    ThaVincy | redesigning your image
    Twizted Imagebuilding personal and corporate reputation solutions

  2. #2
    gingham dress, army boots... silver trophy redux's Avatar
    Join Date
    Apr 2002
    Location
    Salford / Manchester / UK
    Posts
    4,838
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    works for me (in both Phoenix/Firebird and IE5.5).
    could it just be the case that the image file is a bit big, and needs time to download fully ?
    re·dux (adj.): brought back; returned. used postpositively
    [latin : re-, re- + dux, leader; see duke.]
    WaSP Accessibility Task Force Member
    splintered.co.uk | photographia.co.uk | redux.deviantart.com

  3. #3
    reputation consultant ThaVincy's Avatar
    Join Date
    Mar 2003
    Location
    Flanders
    Posts
    523
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by redux
    works for me (in both Phoenix/Firebird and IE5.5).
    could it just be the case that the image file is a bit big, and needs time to download fully ?
    No no, that's the crazy part, it works 100 % fine, image loads completely. I can tell because if you look closely, you'll see that the side of this table (the ice effect) is repeated along the y-axis, and the first ones load perfect).

    Strange this is that both the table with the menu in it AND the ice-effect along the side seem to load perfect, but leave open the (usual) white space in the botom- and rightmargin. But when you refresh the page, it stretches itself to the max, so it doesn't seem to end within the actual page. I like it better after the refresh, but WHAT code may cause this strange behavior? Couldn't I ensure this behavior before refreshing so the page looks stretched from the start?

    I've worked as a webdesigner for several years now, have done many websites and I have always wondered how other webmasters created this effect on their sites. Now that I (seem to) have found it by accident, I wanted a second opinion.
    ThaVincy | redesigning your image
    Twizted Imagebuilding personal and corporate reputation solutions

  4. #4
    gingham dress, army boots... silver trophy redux's Avatar
    Join Date
    Apr 2002
    Location
    Salford / Manchester / UK
    Posts
    4,838
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    well...what browser are you using ? what operating system ? dialup or broadband ? it might give us a clue to explain what's happening - and to replicate the weird behaviour you're getting...
    re·dux (adj.): brought back; returned. used postpositively
    [latin : re-, re- + dux, leader; see duke.]
    WaSP Accessibility Task Force Member
    splintered.co.uk | photographia.co.uk | redux.deviantart.com

  5. #5
    SitePoint Enthusiast vischo's Avatar
    Join Date
    Mar 2003
    Location
    Chicago, IL
    Posts
    75
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    IE6 Win2k Broadband, I get it too. Must be a quirk.

  6. #6
    reputation consultant ThaVincy's Avatar
    Join Date
    Mar 2003
    Location
    Flanders
    Posts
    523
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I use WinXp Pro and Home, both with a IE6 browser, using a DSL connection.

    My co-designer for this GUI has the same problem with same specifiactions, using cable broadband and other browsers such as netscape.

    All the same effect.
    ThaVincy | redesigning your image
    Twizted Imagebuilding personal and corporate reputation solutions

  7. #7
    SitePoint Evangelist Fourth Doctor's Avatar
    Join Date
    Feb 2003
    Location
    Surabaya
    Posts
    437
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Perhaps I've got a similar problem.

    Could someone possibly have a look here, http://emporiumindonesia.com/ , using Netscape Navigator, and tell me why the background image in the page in the left frame will not go all the way down the table/screen.
    My knowledge of coding is very limited so I am sure it is something simple.

  8. #8
    I am obstructing justice. bronze trophy fatnewt's Avatar
    Join Date
    Jul 2002
    Location
    Ottawa, Canada
    Posts
    1,766
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm using WinXP Home with IE 6 and Phoenix/Firebird and I don't see this effect.

  9. #9
    reputation consultant ThaVincy's Avatar
    Join Date
    Mar 2003
    Location
    Flanders
    Posts
    523
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Fourth Doctor
    Perhaps I've got a similar problem.

    Could someone possibly have a look here, http://emporiumindonesia.com/ , using Netscape Navigator, and tell me why the background image in the page in the left frame will not go all the way down the table/screen.
    My knowledge of coding is very limited so I am sure it is something simple.

    You should set the properties of this background
    A) to 100% height if you are using ONE image
    B) to repeat itself along the y-axis untill the bottom of the page

    I used option B and I am used to a little white border at the bottom, but this time... (read above )
    ThaVincy | redesigning your image
    Twizted Imagebuilding personal and corporate reputation solutions

  10. #10
    SitePoint Evangelist Fourth Doctor's Avatar
    Join Date
    Feb 2003
    Location
    Surabaya
    Posts
    437
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    <td width="176" height="100%" valign="top" background="Assets/images/wholesale_discounted_teak_f.jpg">

    This is how I use the background image. Not sure what you mean about 'set the properties of the background' to 100%. Um, how do I do that?

  11. #11
    reputation consultant ThaVincy's Avatar
    Join Date
    Mar 2003
    Location
    Flanders
    Posts
    523
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Fourth Doctor
    <td width="176" height="100%" valign="top" background="Assets/images/wholesale_discounted_teak_f.jpg">

    This is how I use the background image. Not sure what you mean about 'set the properties of the background' to 100%. Um, how do I do that?

    You have to asign that property to your table or td -tag like this:

    <table border="0" width="100%" style="background-image: url('Assets/images/wholesale_discounted_teak_f.jpg'); background-repeat: repeat-y; background-position: left top">

    or

    <td style="background-image: url('Assets/images/wholesale_discounted_teak_f.jpg'); background-repeat: repeat-y; background-position: left top">


    That should do it.
    ThaVincy | redesigning your image
    Twizted Imagebuilding personal and corporate reputation solutions

  12. #12
    SitePoint Evangelist Fourth Doctor's Avatar
    Join Date
    Feb 2003
    Location
    Surabaya
    Posts
    437
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ThaVincy
    You have to asign that property to your table or td -tag like this:

    <table border="0" width="100%" style="background-image: url('Assets/images/wholesale_discounted_teak_f.jpg'); background-repeat: repeat-y; background-position: left top">
    <table
    border="0"
    width="100%" style="background-image: url('Assets/images/wholesale_discounted_teak_f.jpg'); background-repeat: repeat-y;
    background-position: left top">

    I could swear I've got what you said rightly applied but still, in Netscape Nav, the table and its background image ends where the text ends which is only three quarters the way down the screen generally.

    So still baffled

    Hmmm, I'd like to add that doing as above also causes the same cutting off effect in I.E.
    Last edited by Fourth Doctor; May 17, 2003 at 00:17.

  13. #13
    reputation consultant ThaVincy's Avatar
    Join Date
    Mar 2003
    Location
    Flanders
    Posts
    523
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Fourth Doctor
    <table
    border="0"
    width="100%" style="background-image: url('Assets/images/wholesale_discounted_teak_f.jpg'); background-repeat: repeat-y;
    background-position: left top">

    I could swear I've got what you said rightly applied but still, in Netscape Nav, the table and its background image ends where the text ends which is only three quarters the way down the screen generally.

    So still baffled

    Hmmm, I'd like to add that doing as above also causes the same cutting off effect in I.E.

    Mmmmm, strange. Worked for me several times...
    ThaVincy | redesigning your image
    Twizted Imagebuilding personal and corporate reputation solutions


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
  •