Absolute DIVs not aligning consistenly on Horizontal scale

Discussion in 'HTML' started by Wobblem, Sep 3, 2010.

  1. Wobblem

    Wobblem Guest

    So I've started working with Absolute DIV.

    In the given link below, I've added a video to the site which it is
    supposed to align perfectly with the bottom left-most edge of the Red
    Ribbon.

    http://bit.ly/9Qw1Wh

    It looks good on my desktop computer, as it should be. However, when
    I look at my laptop, its shifted quiete a few spaces to the right (The
    vertical alignment is fine though). Moreover, when the window is
    resized and made smaller. The alignment goes off further.

    My hypothesis for this happening is the main picture is actually a
    Table, and that's being centered. So their is a different in
    resolution between my laptop and desktop. Therefore the main picture
    shifts as it has a different center. Therefore the Video looks out of
    alignment.

    What do you think this is the best away around this?

    Should I make the main image the table an Absolute Div as well
    (However then it may not center on some computers).

    Or perhaps there is a way I can make the Video relative to the Top
    left corner of the main picture?
     
    Wobblem, Sep 3, 2010
    #1
    1. Advertising

  2. Wobblem

    Wobblem Guest

    I guess the other possibility is making the video relative a certain
    amount to the left from the Center.

    Any ways to do that?

    On Sep 3, 12:19 am, Wobblem <> wrote:
    > So I've started working with Absolute DIV.
    >
    > In the given link below, I've added a video to the site which it is
    > supposed to align perfectly with the bottom left-most edge of the Red
    > Ribbon.
    >
    > http://bit.ly/9Qw1Wh
    >
    > It looks good on my desktop computer, as it should be.  However, when
    > I look at my laptop, its shifted quiete a few spaces to the right (The
    > vertical alignment is fine though).  Moreover, when the window is
    > resized and made smaller.  The alignment goes off further.
    >
    > My hypothesis for this happening is the main picture is actually a
    > Table, and that's being centered.  So their is a different in
    > resolution between my laptop and desktop.  Therefore the main picture
    > shifts as it has a different center.  Therefore the Video looks out of
    > alignment.
    >
    > What do you think this is the best away around this?
    >
    > Should I make the main image the table an Absolute Div as well
    > (However then it may not center on some computers).
    >
    > Or perhaps there is a way I can make the Video relative to the Top
    > left corner of the main picture?
     
    Wobblem, Sep 3, 2010
    #2
    1. Advertising

  3. Wobblem

    Mike S Guest

    On 9/2/2010 9:23 PM, Wobblem wrote:
    > I guess the other possibility is making the video relative a certain
    > amount to the left from the Center.
    >
    > Any ways to do that?
    >
    > On Sep 3, 12:19 am, Wobblem<> wrote:
    >> So I've started working with Absolute DIV.
    >>
    >> In the given link below, I've added a video to the site which it is
    >> supposed to align perfectly with the bottom left-most edge of the Red
    >> Ribbon.
    >>
    >> http://bit.ly/9Qw1Wh
    >>
    >> It looks good on my desktop computer, as it should be. However, when
    >> I look at my laptop, its shifted quiete a few spaces to the right (The
    >> vertical alignment is fine though). Moreover, when the window is
    >> resized and made smaller. The alignment goes off further.
    >>
    >> My hypothesis for this happening is the main picture is actually a
    >> Table, and that's being centered. So their is a different in
    >> resolution between my laptop and desktop. Therefore the main picture
    >> shifts as it has a different center. Therefore the Video looks out of
    >> alignment.
    >>
    >> What do you think this is the best away around this?
    >>
    >> Should I make the main image the table an Absolute Div as well
    >> (However then it may not center on some computers).
    >>
    >> Or perhaps there is a way I can make the Video relative to the Top
    >> left corner of the main picture?


    I would consider completely rewriting the page using table-less layout,
    only use tables for tabular data, use divs and a stylesheet to position
    and style page elements.

    http://validator.w3.org/check?uri=h...(detect automatically)&doctype=Inline&group=0

    Line 48, Column 37: document type does not allow element "td" here;
    assuming missing "tr" start-tag

    <td style="border: 4px solid black;">

    Line 50, Column 4: document type does not allow element "td" here
    <td>

    Line 51, Column 8: end tag for "td" omitted, but OMITTAG NO was specified
    </table>
    You may have neglected to close an element, or perhaps you meant to
    "self-close" an element, that is, ending it with "/>" instead of ">".
     
    Mike S, Sep 3, 2010
    #3
  4. Wobblem

    Wobblem Guest

    Thanks for your help Mike.

    However, I solved the problem. As seen below :

    http://bit.ly/cKrvNH

    On Sep 3, 12:32 am, Mike S <> wrote:
    > On 9/2/2010 9:23 PM, Wobblem wrote:
    >
    >
    >
    >
    >
    > > I guess the other possibility is making the video relative a certain
    > > amount to the left from the Center.

    >
    > > Any ways to do that?

    >
    > > On Sep 3, 12:19 am, Wobblem<>  wrote:
    > >> So I've started working with Absolute DIV.

    >
    > >> In the given link below, I've added a video to the site which it is
    > >> supposed to align perfectly with the bottom left-most edge of the Red
    > >> Ribbon.

    >
    > >>http://bit.ly/9Qw1Wh

    >
    > >> It looks good on my desktop computer, as it should be.  However, when
    > >> I look at my laptop, its shifted quiete a few spaces to the right (The
    > >> vertical alignment is fine though).  Moreover, when the window is
    > >> resized and made smaller.  The alignment goes off further.

    >
    > >> My hypothesis for this happening is the main picture is actually a
    > >> Table, and that's being centered.  So their is a different in
    > >> resolution between my laptop and desktop.  Therefore the main picture
    > >> shifts as it has a different center.  Therefore the Video looks out of
    > >> alignment.

    >
    > >> What do you think this is the best away around this?

    >
    > >> Should I make the main image the table an Absolute Div as well
    > >> (However then it may not center on some computers).

    >
    > >> Or perhaps there is a way I can make the Video relative to the Top
    > >> left corner of the main picture?

    >
    > I would consider completely rewriting the page using table-less layout,
    > only use tables for tabular data, use divs and a stylesheet to position
    > and style page elements.
    >
    > http://validator.w3.org/check?uri=http://www.chaudharylaw.com%2....
    >
    > Line 48, Column 37: document type does not allow element "td" here;
    > assuming missing "tr" start-tag
    >
    > <td style="border: 4px solid black;">
    >
    > Line 50, Column 4: document type does not allow element "td" here
    > <td>
    >
    > Line 51, Column 8: end tag for "td" omitted, but OMITTAG NO was specified
    > </table>
    > You may have neglected to close an element, or perhaps you meant to
    > "self-close" an element, that is, ending it with "/>" instead of ">".- Hide quoted text -
    >
    > - Show quoted text -
     
    Wobblem, Sep 3, 2010
    #4
  5. Wobblem

    Mike S Guest

    On 9/2/2010 10:03 PM, Wobblem wrote:
    > Thanks for your help Mike.
    >
    > However, I solved the problem. As seen below :
    >
    > http://bit.ly/cKrvNH


    You have some basic problems that may cause problems depending on the
    browser:

    http://www.chaudharylaw.com/

    There is a problem with this image:

    <img src="http://s26.sitemeter.com/meter.asp?site=s26chaudharylaw"
    alt="Site Meter" border="0"height/ width=1 =>

    There are a couple of problems with this table:

    <table>
    <td style="border: 4px solid black;">
    ...
    <td>
    </table>

    Mike
     
    Mike S, Sep 4, 2010
    #5
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Alan Campbell

    Re: Aligning rows in horizontal datalist

    Alan Campbell, Apr 1, 2004, in forum: ASP .Net
    Replies:
    0
    Views:
    472
    Alan Campbell
    Apr 1, 2004
  2. rich
    Replies:
    0
    Views:
    738
  3. 3 horizontal divs

    , Sep 1, 2006, in forum: HTML
    Replies:
    1
    Views:
    1,355
    Neredbojias
    Sep 1, 2006
  4. Pieter Claassen

    hash table lookup consistenly fails

    Pieter Claassen, Aug 16, 2004, in forum: C Programming
    Replies:
    2
    Views:
    298
    CBFalconer
    Aug 16, 2004
  5. maya
    Replies:
    4
    Views:
    252
Loading...

Share This Page