3 Column Css Question

  • Resolved DingleGuy

    (@dingleguy)


    9 years, 8 months ago

    I am currently using this code as my css base for a 3 column layout but when put into use the gaps between column the first 2 divs is narrower than the gap between the 2nd and 3rd. I hope this makes sense. Does anybody see anything in my code that would cause this.

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter DingleGuy

    (@dingleguy)

    <div style=”width: 30%; padding: 0 10pt 0 0; float: left;”></div>
    <div style=”width: 30%; padding: 0 10pt 0 0; float: left;”></div>
    <div style=”width: 30%; padding: 0 10pt 0 0; float: right;”></div>

    It’s your float: right;. That’s telling the third column to float to the right of the container, not the left like the others, so it will have whatever space is left over on it’s left-hand side. If you change them all to left they should be the same.

    Thread Starter DingleGuy

    (@dingleguy)

    You are correct. Thanks so much for your help.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘3 Column Css Question’ is closed to new replies.