valign=top isn't working

Ask a Question related to Macromedia Dynamic HTML, Design and Development.

  1. #1

    Default valign=top isn't working

    I have a multi-column table that has a tall, left column designated for
    navigation and two right columns for page content. Whenever the content in
    these right columns is less than the left column's content ,it won't align at
    the top in IE.

    I have valign="top" at all TDs. The only way to get it to align at the top is
    to put a bunch of BRs after the content to fill the cell up. I tried wrapping
    the content inside a DIV with a valign - no luck. Also, I tried applying a
    vertical-align=top with CSS on the TD.

    This trouble is seen on Mac IE5 and Windows IE6 browsers, Netscape is fine on
    both platforms and so is Mac Firefox and Safari.

    I'm too far along to scrap the tables, rebuilding the layout of the page with
    CSS. I also can't change my Doc type (HTML 1.0 Transistional) because it works
    best for my menus.

    Anyone have any idea why IE does this and how to make it align for IE? Thanks
    in advance!!!

    creativehulk Guest

  2. Similar Questions and Discussions

    1. #38816 [Opn]: PHP code that was working perfectly recently stopped working.
      ID: 38816 User updated by: mtoohee at gmail dot com -Summary: PHP code that was working perfectly recently stopped....
    2. Macromedia Flash Player installed and working properly suddenlys stops working..
      No idea what has caused the Flash player to stop working. This is not my machine but a relatives who has asked for help over the T'giving...
    3. Data not working on Label but is working in Datagrid
      I am creating a simple website in Flex. I want to show different content from the database for home, about us, contact us, etc. I am using a CFC as...
    4. Working TableStyle Not Working on a Second DataGrid
      I am having difficulty getting Tablestyles to work on a datagrid. I have 2 datasets, 1 filled and the other not. The first contains customer, stock...
    5. Easy vAlign question
      Below is my code. It seems that no matter what I do, I cannot get the following list of places to start at the top of the cell. It is always...
  3. #2

    Default Re: valign=top isn't working

    Give your table temporary borders. You'll probably see that the top
    alignment is working and is not the problem.

    --
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
    [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
    ==================


    "creativehulk" <webforumsuser@macromedia.com> wrote in message
    news:dveshh$9jn$1@forums.macromedia.com...
    >I have a multi-column table that has a tall, left column designated for
    > navigation and two right columns for page content. Whenever the content in
    > these right columns is less than the left column's content ,it won't align
    > at
    > the top in IE.
    >
    > I have valign="top" at all TDs. The only way to get it to align at the top
    > is
    > to put a bunch of BRs after the content to fill the cell up. I tried
    > wrapping
    > the content inside a DIV with a valign - no luck. Also, I tried applying a
    > vertical-align=top with CSS on the TD.
    >
    > This trouble is seen on Mac IE5 and Windows IE6 browsers, Netscape is fine
    > on
    > both platforms and so is Mac Firefox and Safari.
    >
    > I'm too far along to scrap the tables, rebuilding the layout of the page
    > with
    > CSS. I also can't change my Doc type (HTML 1.0 Transistional) because it
    > works
    > best for my menus.
    >
    > Anyone have any idea why IE does this and how to make it align for IE?
    > Thanks
    > in advance!!!
    >

    Murray *ACE* Guest

  4. #3

    Default Re: valign=top isn't working

    You're absolutely correct! It is aligning to the top. It's the cell above it
    that is stretching. The thing is I have a height restriction on that cell.

    The table is built like this: the left column spans 2 rows with no height
    restriction, the top right cell has the height restriction and the cell below
    that has no height restriction.

    Any suggestions on how to stop it from stretching in IE, sir?

    creativehulk Guest

  5. #4

    Default Re: valign=top isn't working

    This is a poster child illustration for why a) dragging on tables to 'shape'
    them is a waste of time - it does nothing of the sort, b) why it's much
    better to leave tables alone than try to bludgeon them into shape - the
    already know how to fit around the contents, and c) how a little HTML
    knowledge can go a long way when creating pages in DW.
    > Any suggestions on how to stop it from stretching in IE, sir?
    Stop trying. Make your outer table a 2 cell table with a nested table in
    each cell. For the right nested table, use CSS to apply padding to the cell
    that it's in so that the 'height' restriction is imposed by the padding
    pushing the table down.

    --
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
    [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
    ==================


    "creativehulk" <webforumsuser@macromedia.com> wrote in message
    news:dvf29d$gur$1@forums.macromedia.com...
    > You're absolutely correct! It is aligning to the top. It's the cell above
    > it
    > that is stretching. The thing is I have a height restriction on that cell.
    >
    > The table is built like this: the left column spans 2 rows with no height
    > restriction, the top right cell has the height restriction and the cell
    > below
    > that has no height restriction.
    >
    > Any suggestions on how to stop it from stretching in IE, sir?
    >

    Murray *ACE* Guest

Posting Permissions

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139