Zikula Community

• **unknown user**
  
  

  • Rank: Softmore
  • Registered: Mar 16, 2002
  • Last visit: Oct 21, 2009
  • Posts: 206

  Posted: Apr 09, 2006 - 03:16 AM

  How can I make AutoTheme be 100% Width?

  • 
  •  
• Lobos
  
  

  • Rank: Expert
  • Registered: Dec 02, 2002
  • Last visit: Apr 30, 2010
  • Posts: 1474

  Posted: Apr 09, 2006 - 10:26 AM

  Code

  <div style="width:100%"></div>

  
  
  You're not giving us much to go on here...
  
  -Lobos
  
  --
  -Lobos
  Professional PHP Framework Services: Concept, Development and Deployment

  • 
  •  
• **unknown user**
  
  

  • Rank: Softmore
  • Registered: Mar 16, 2002
  • Last visit: Oct 21, 2009
  • Posts: 206

  Posted: Apr 09, 2006 - 05:27 PM

  This is the aardvark theme Lobos.
  Here can you see how it looks after installing it:
  
  www.frederiksberg-taekwondo.dk/test/
  
  I have been looking at the files and style.css seems to be the one controlling the size and possition of the boxes, tried to edited but
  too difficult to do it.
  
  /*layout control*/
  /*overall page margin/width can be fixed eg 50px/auto(margin) , auto/500px(centered)*/
  #page_container {margin:auto;width:770px;}/*end overall page control*/
  #header_container{background:url(../images/head_center.jpg);text-align:center;height:84px;width:762px;position:relative;margin-top:40px;margin-bottom:5px;margin-left:4px;}
  #header_left {position:absolute;left:0px;width:17px;height:85px;background:url(../images/head_left.jpg);}
  #header_right {position:absolute;right:0px;width:17px;height:85px;background:url(../images/head_right.jpg);}
  #leftcol_container{height:100%;width:23%;background:transparent;vertical-align:top;padding-left:5px;}
  #block_left_top{background:url(../images/block_left_top.jpg) bottom no-repeat;width:178px;height:30px;}
  
  #centercol_container{height:100%;width:75%;background:transparent;}
  #block_center_top{background:url(../images/block_center_top.jpg);width:588px;height:21px;margin-top:12px;}
  #block_center_mid{background:url(../images/block_center_mid.jpg);width:588px;}
  #block_center_mid_1{text-align:justify;padding:0px 20px 0px 15px;}
  #block_center_mid_2{border-bottom:2px solid #305A89;}
  #center_left{float:left;width:380px;}
  #block_left_bot{background:url(../images/block_left_bot.jpg);width:178px;height:18px;}
  
  #center_right{float:right;width:160px;}
  #block_center_bot{background:url(../images/block_center_bot.jpg);width:588px;height:22px;}
  
  #footer_container{margin:auto;width:770px;text-align:center;}
  #footer1_container{background:url(../images/footer_center.jpg);height:24px;width:762px;position:relative;margin-left:4px;margin-top:20px;}
  #footer1_left{position:absolute;left:0px;width:11px;height:24px;background:url(../images/footer_left.jpg);}
  #footer1_right{position:absolute;right:0px;width:11px;height:24px;background:url(../images/footer_right.jpg);}
  
  /*CSS tables*/
  .table {display:table;}
  .table_row {display:table-row;}
  .table_cell {display:table-cell;}
  .table_end {clear:both;} /*to clear IE floats*/
  
  .lbcontent {background:url(../images/block_left_mid.jpg);width:178px;}
  *HTML .lbcontent {margin-top:-4px;}/*IE is a piece of shit*/
  
  
  When I downloaded this theme it was with the thought of getting something like in the demo site http://postnuke.co.nz/pn/index.php but I dont seem to know how to get it to look like that. Could you give me the theme you used in that demo?

  • 
  •  
• HalbrookTech
  
  

  • Rank: Developer
  • Registered: Dec 31, 1969
  • Last visit: Jun 01, 2010
  • Posts: 6859

  Posted: Apr 09, 2006 - 06:02 PM

  Quote

  #page_container {margin:auto;width:770px;}/*end overall page control*/

  
  
  --
  Home Page | Find on Facebook | Follow on Twitter
  

  • 
  •  
• **unknown user**
  
  

  • Rank: Softmore
  • Registered: Mar 16, 2002
  • Last visit: Oct 21, 2009
  • Posts: 206

  Posted: Apr 09, 2006 - 08:28 PM

  I know that is the line, but still, if you increase the value to 800 you still get some funny corners and if you put it in auto the result is the same as with 800px.
  
  There are other boxes as well which show funny, like some input boxes are bigger than the block or table around it, looks very ugly.
  
  What version of PostNuke was the theme done for?

  • 
  •  
• Lobos
  
  

  • Rank: Expert
  • Registered: Dec 02, 2002
  • Last visit: Apr 30, 2010
  • Posts: 1474

  Posted: Apr 10, 2006 - 03:42 AM

  www.frederiksberg-taekwondo.dk/test/
  
  This is NOT the aardvark theme, this is the advanced theme and you haven't a hope in hell of getting this 100% width... well nothing is impossible, but this would be difficult, in fact you would be better off starting from scratch than trying to make the existing theme 100% width...
  
  -Lobos
  
  --
  -Lobos
  Professional PHP Framework Services: Concept, Development and Deployment

  • 
  •  
• **unknown user**
  
  

  • Rank: Softmore
  • Registered: Mar 16, 2002
  • Last visit: Oct 21, 2009
  • Posts: 206

  Posted: Apr 10, 2006 - 06:51 AM

  I have been playing with advance2 and I think I will keep it instead of the other one.
  Issue can now be closed.

  • 
  •  
•  
•  

Users on-line

• 0 users

This list is based on users active over the last 60 minutes.