Column width inconsistent?

  • TAB04

    (@tab04)


    9 years ago

    I am using this code:

    <div style=”width: 5%; padding: 0 10pt 0 0; float: left;”><u>Year</u></div>
    <div style=”width: 25%; padding: 0 5pt 0 0; float: left;”><u>Type (Contributed)</u></div>
    <div style=”width: 65%; padding: 0 0 0 0; float: left;”><u>Title</u></div>
    <div class=”clear”></div>

    But the width between the 2nd and 3rd columns is greater than that of the 1st and 2nd. Not sure why.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter TAB04

    (@tab04)

    9 years ago

    I don’t see how to upload a screenshot. This is an unpublished page.

    Michael

    (@alchymyth)

    9 years ago

    please post a live link to a post or page where this problem can be seen and investigated.

    Thread Starter TAB04

    (@tab04)

    9 years ago

    OK, http://www.ttsrr.org/lynn-abbey/

    Thread Starter TAB04

    (@tab04)

    9 years ago

    I think I just needs to play around with the math a bit more.

    Michael

    (@alchymyth)

    9 years ago

    the impression comes from the content in the second div which is shorter than the available width;
    if you (temporarily) replace the ‘padding’ with ‘margin’ and add a background color to each div, you will see clearly the size and distribution.

    Thread Starter TAB04

    (@tab04)

    9 years ago

    I used ems instead of % and removed the padding, and I see to have found a solution. Thank you.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Column width inconsistent?’ is closed to new replies.