Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    Senior Coder NancyJ's Avatar
    Join Date
    Feb 2005
    Location
    Bradford, UK
    Posts
    3,174
    Thanks
    19
    Thanked 66 Times in 65 Posts

    Vertically Aligning text adn strange IE issue

    Sounds like a simple question but as yet I've been unable to find an answer anywhere that satisfactorally answer the question: how do you vertically align text (or any content) to the bottom of its containing element?

    I have a 'cell' which contains and image and text that wraps around the image, however the image is a lot taller than the text and I want the text to align to the bottom of the 'cell'.

    http://www.hazelryan.co.uk/ItalianWorld/template.htm

    And the IE issue... just look at the page in IE and you'll see what I mean Never seen that in my life and probably couldnt recreate it if I tried...

  • #2
    Senior Coder NancyJ's Avatar
    Join Date
    Feb 2005
    Location
    Bradford, UK
    Posts
    3,174
    Thanks
    19
    Thanked 66 Times in 65 Posts
    Another issue is that in firefox the page is incredibly slow... not in the load times but in rendering, like if you resize the browser or minimise it then open it up again it 'lags' same with the scrolling... any ideas?

  • #3
    Regular Coder
    Join Date
    Nov 2004
    Location
    The Netherlands
    Posts
    551
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Have you tried the auto margin for firefox and vertical-align for IE?
    CATdude about IE6: "All your box-model are belong to us"

  • #4
    Senior Coder NancyJ's Avatar
    Join Date
    Feb 2005
    Location
    Bradford, UK
    Posts
    3,174
    Thanks
    19
    Thanked 66 Times in 65 Posts
    I've vertical-aligned, positioned relatively with bottom 0, I've scrapped the whole thing and started again and it still will not bottom align.

    I've finally got it to work in opera and ff using display:table-cell but that doesnt work in IE and IE is the only one it really matters in.

  • #5
    Senior Coder NancyJ's Avatar
    Join Date
    Feb 2005
    Location
    Bradford, UK
    Posts
    3,174
    Thanks
    19
    Thanked 66 Times in 65 Posts
    well I guess semantically incorrect as they may be, tables are the only way to do this

  • #6
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    I beg to differ. You can always add margin or padding or use position relative. vertical-align only works on inline elements. So is the height of the area that has the text ever going to change?

  • #7
    Senior Coder NancyJ's Avatar
    Join Date
    Feb 2005
    Location
    Bradford, UK
    Posts
    3,174
    Thanks
    19
    Thanked 66 Times in 65 Posts
    Position relative didnt work, I tried it and since the content of the cell will be of variable length I cant add margins or padding without affecting the height of the cell. Setting the bottom margin or padding to 0 and the top to auto also doesnt work.


  •  

    Posting Permissions

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