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
    New to the CF scene
    Join Date
    Apr 2008
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    question about width of two columns

    Hi,

    This is probably a very simple thing, but I can't seem to figure it out... (must be monday, huh?)

    Please take a look at:

    http://www.xeno-canto.org/asia

    and

    http://www.xeno-canto.org

    The first URL currently does not align the right column to the far right of the browser screen (noticable ONLY on widescreens), whereas the second URL does. The difference seems to be the presence and absence of those large white "comments" boxes in the middle column (NOTE: this also means that my example will be ruined when someones posts a comment to a news post on the first URL... but hey).

    Anyway, what I want is that the right column is always aligned to the far right of the screen, regardless of comments and whatnot. How do I do this??

    Many thanks!
    Last edited by sander_p; 07-14-2008 at 09:47 PM.

  • #2
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,179
    Thanks
    174
    Thanked 257 Times in 257 Posts
    add this to your CSS

    Code:
    * {
    padding:0px;
    margin:0px;
    }
    worked for me.

  • #3
    New to the CF scene
    Join Date
    Apr 2008
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    That's not exactly what I meant to say (I think).

    I wasn't talking about a bit of space between the right column and the far right of the browser window, but more of a huge gap. Guess I should've made screenshots. On this monitor (1280x1024), the difference can't be spotted, but on my PC at home (with a 22" inch widescreen with 1680x1050 resolution), it can.

  • #4
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,179
    Thanks
    174
    Thanked 257 Times in 257 Posts
    can you post a screen shot for us to see that dont have that. Because i do have a (1280x1024) resolution.

  • #5
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,785
    Thanks
    8
    Thanked 131 Times in 129 Posts
    At the bottom of your css add:
    Code:
    table { width: 100%;}
    to make all tables stretch out. Somethings stopping your .main but I can't seem to pinpoint it.

    Edit:
    Ah, it's because on the home page there is actually text that is long enough to push the table wider. On the interior page there isn't. So yeah, just redifine all tables to be 100% and that solves it. It's not a CSS issue, it's more of an issue of the amount of content you have on an individual page mixed with the behavior of tables in general.
    Last edited by harbingerOTV; 07-15-2008 at 04:39 PM.
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis

  • #6
    New to the CF scene
    Join Date
    Apr 2008
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Here are two screenshots:

    http://www.xeno-canto.org/asia (where it goes wrong)



    and

    http://www.xeno-canto.org (how it should be)


  • #7
    New to the CF scene
    Join Date
    Apr 2008
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    harbingerOTV - thanks! I'll try that after dinner. I thought I already messed around with the table widths, but I'll give it another shot.


  •  

    Posting Permissions

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