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.
Page 1 of 2 12 LastLast
Results 1 to 15 of 16
  1. #1
    gtd
    gtd is offline
    New to the CF scene
    Join Date
    Feb 2008
    Location
    salt lake city ut
    Posts
    6
    Thanks
    2
    Thanked 0 Times in 0 Posts

    how do i make my content not go below my sidebars

    I have a photo gallery on my website and when it gets below my right sidebar it just moves under it. Could anyone tell me how to fix this?

  • #2
    Senior Coder rangana's Avatar
    Join Date
    Feb 2008
    Location
    Cebu City, Philippines
    Posts
    1,752
    Thanks
    65
    Thanked 372 Times in 365 Posts
    Could you wrap your codes...or better a link

  • #3
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    We need to see your code. Most of us are not psychic!

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #4
    Regular Coder Donkey's Avatar
    Join Date
    Sep 2003
    Location
    Blackfield UK
    Posts
    312
    Thanks
    1
    Thanked 36 Times in 36 Posts
    Most of us are not psychic!
    Although some of us are psychiatric. :~) - No names no pack drill.

    Your gallery should be in a div and your right content should be in another div both divs should either be floated or positioned side by side. The divs should be given widths either in pixels, or in percentages if you want a fluid layout.
    " 90% of everything is crud" - Theodore Sturgeon
    Filthy Beast - a 60's Rock Band

  • #5
    Regular Coder
    Join Date
    Feb 2008
    Location
    Australia baby!
    Posts
    143
    Thanks
    6
    Thanked 3 Times in 3 Posts
    True that. Have the whole lot in a div and have the center content in another div seperate to the sidebars. That shouldn't allow the center content to cross the line to the left or right.
    outseeker - http://outer.reaches.dyndns.org/index.php
    I hope this helped someone. Due to this forums lame rep system penalising me for nothing, and admins inability to do anything about it, I'm sorry to say I will no longer be online here. Pride is important. Good Luck All.

  • #6
    gtd
    gtd is offline
    New to the CF scene
    Join Date
    Feb 2008
    Location
    salt lake city ut
    Posts
    6
    Thanks
    2
    Thanked 0 Times in 0 Posts

  • #7
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    The best thing to do is wrap the pictures with a div and set a certain width to that column. That way it wont go under the left hand menu!!

    like

    Code:
    #pictureWrapper{
    .....
    width:500px;
    ....
    }
    if you have any other questions let me know

  • #8
    gtd
    gtd is offline
    New to the CF scene
    Join Date
    Feb 2008
    Location
    salt lake city ut
    Posts
    6
    Thanks
    2
    Thanked 0 Times in 0 Posts
    that made everything even but now all of the pictures are under the left menu

  • #9
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    ok, make your left menu div float left and clear left!! Or do you have that yet?

  • #10
    gtd
    gtd is offline
    New to the CF scene
    Join Date
    Feb 2008
    Location
    salt lake city ut
    Posts
    6
    Thanks
    2
    Thanked 0 Times in 0 Posts
    I have float left but not clear left what is the code for that because i tried

    code:

    #leftsidebar {
    clear: left;
    }

    that did not work
    Last edited by gtd; 02-25-2008 at 07:09 PM.

  • #11
    Regular Coder
    Join Date
    Feb 2008
    Location
    Australia baby!
    Posts
    143
    Thanks
    6
    Thanked 3 Times in 3 Posts
    Quickest way if you like, zip up a copy of your html and css's and I can post it back 2 u after it works properly
    outseeker - http://outer.reaches.dyndns.org/index.php
    I hope this helped someone. Due to this forums lame rep system penalising me for nothing, and admins inability to do anything about it, I'm sorry to say I will no longer be online here. Pride is important. Good Luck All.

  • #12
    gtd
    gtd is offline
    New to the CF scene
    Join Date
    Feb 2008
    Location
    salt lake city ut
    Posts
    6
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Here are the files to that page
    Attached Files Attached Files

  • #13
    Senior Coder rangana's Avatar
    Join Date
    Feb 2008
    Location
    Cebu City, Philippines
    Posts
    1,752
    Thanks
    65
    Thanked 372 Times in 365 Posts
    Wrapping them in one div should do the fix. Attached is the zipped file.

    See if it helps
    Attached Files Attached Files

  • Users who have thanked rangana for this post:

    gtd (02-26-2008)

  • #14
    Regular Coder maxvee8's Avatar
    Join Date
    Feb 2008
    Location
    UK
    Posts
    185
    Thanks
    19
    Thanked 18 Times in 18 Posts
    hey, do sumthing like that on you picture wrapper, i dont think your picture warapper was wide enoght for the pictures so it had to move them down!

    Code:
    #pictureWrapper{width:840px; float:right;}
    if it works use the thank user button ! thanks

  • Users who have thanked maxvee8 for this post:

    gtd (02-26-2008)

  • #15
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Wot! No DOCTYPE Rangana

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

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