Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 7 of 7
  1. #1
    Junior Member
    Join Date
    Apr 2010
    Posts
    15
    Member #
    21624
    Hello,

    I have a div for figs fig div in my left panel using andreasmgt-left.css
    http://www.groganmob.com/documents/w...yout-left.html

    When I moved div for figs fig div to the right panel:
    changing the css from #left to #right for figs and fig in
    andreasmgt-right.css
    http://www.groganmob.com/documents/w...out-right.html

    I cannot work out why the fig div in the layout-right.html does not come straight under the figure heading.

    Many thanks

    :-)

    Margaret

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    You have to float the two things left .... with some padding to make space between them...

    [left section - float:left;] [right section - float:left; padding-left:30px;]

    Then do this between each to clear the floats ...

    <div style="clear:both;"></div>


  4. #3
    Member
    Join Date
    Aug 2008
    Location
    Chicago IL, USA
    Posts
    83
    Member #
    17217
    you have a margin-left set to 70%, which is causing it to push under the left column.
    drew beta - Portfolio, Blog500 - Graduate Studies Blog, WP4P - Blog, Life in Beta - Music Podcast for Nerds

  5. #4
    Junior Member
    Join Date
    Apr 2010
    Posts
    15
    Member #
    21624
    Thank you for your reply.

    left already had float:left;
    I put " float:left; padding-left:30px;" into right

    Put <div style="clear:both;"></div> between the end of the left and before the start of the right div.

    I seem to have pushed down the heading in the right div.
    http://www.groganmob.com/documents/w...out-right.html

    Thanks

    Margaret

    Quote Originally Posted by mlseim
    You have to float the two things left .... with some padding to make space between them...

    [left section - float:left;] [right section - float:left; padding-left:30px;]

    Then do this between each to clear the floats ...

    <div style="clear:both;"></div>

  6. #5
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    You should get rid of the clearing div you mentioned and then give your right-floated div a width that will make it fit and drop its margins. 28% or so seems to be just right for the width.

    EDIT: To be clear, keep the left float and the left padding on the right element. You can actually switch out the left padding for left margin in this case, and it will be more accurate.

  7. #6
    Junior Member
    Join Date
    Apr 2010
    Posts
    15
    Member #
    21624
    Thanks so much Shadowfiend

    :-)

    Margaret

  8. #7
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    Glad to help!


Remove Ads

Posting Permissions

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

Search tags for this page

css layout left panel
,
css left and right panels
,
display left panel using cshtml
,
dreamweaver panels moving right
,

foxpro left panel html

,
html design for left and right panel
,

html left panel

,

html left right panel

,

html right panel

,

move panel to the right in html

Click on a term to search for related topics.
All times are GMT -6. The time now is 11:06 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com