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 3 of 3
  1. #1
    Member alingham's Avatar
    Join Date
    Apr 2004
    Posts
    32
    Member #
    5673
    Hi guys
    The site we're using is managed by Silverstripe, but this is not necessarily a Silverstripe problem... but I didn't know where else to ask.

    I'm trying to add three boxes in 3 columns, each with one news events in it.
    I've done the columns by giving each news box an ID

    Code:
    #Homepage-AnchorNews {
    	position:absolute;
    	padding: 0 0 0 0px;
    	width: 175px;
    }
    
    #Homepage-TeamNews {
    	position:absolute;
    	padding: 0 0 0 180px;
    	width: 175px;
    }
    
    #Homepage-CompanyNews {
    	position:absolute;
    	padding: 0 0 0 360px;
    	width: 175px;
    }

    This uses padding to position the elements with a 5 pixel gap...
    It is also wrapped in a wrapper as follows:
    Code:
    #Homepage-NewsWrapper {
    	margin: 0px;
    	padding: 0px;
    	overflow:auto;
    }
    The problem is however that this does not display properly as it seems the Content div or layout tag does not fill down the page to incorporate these...

    HELP!?

    The pages concerned are:
    Layout.css
    Homepage-News

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    I guess I don't understand the question.
    Is your problem horizontal or vertical?

    How about this ...

    If you make each one floated left, you won't have to position them.

    Code:
    #Homepage-AnchorNews {
    	padding: 0px 10px 0px 0px;
    	width: 175px;
    float:left;
    }
    
    #Homepage-TeamNews {
    	padding: 0px 10px 0px 0px;
    	width: 175px;
    float:left;
    }
    
    #Homepage-CompanyNews {
    	padding: 0px 10px 0px 0px;
    	width: 175px;
    float:left;
    }
    If you're talking about some styling in the vertical direction, it will
    fill to the bottom with IE, but not FireFox ... you need to specify
    the height in order to control vertical styling.


  4. #3
    Member alingham's Avatar
    Join Date
    Apr 2004
    Posts
    32
    Member #
    5673
    Horizontal was what I wanted...
    I also got the same answer to use float:left; at another forum, and upon putting this code in the problem was fixed.
    Thanks!


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
  •  
All times are GMT -6. The time now is 03:35 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com