2 sam2kb Dec 08, 2008 00:42

sam2kb wrote:
Try this.
http://www.google.com/search?q=100%25+height+div
http://www.google.com/search?q=full+height+div
I've already read some tutorials about this, so i tryied as they said, to set up height to the main wrapper, and body...after that to containers, but nothing happend :(
You could add a new content container div that will wrap contentleft and contentright with a matching background colour of #d9e6f9 and a width that matches the sum of both content divs, eg 992px.
More CSS than you need but it will solve your problem.
Faux Columns article may be of some help as well.
http://www.alistapart.com/articles/fauxcolumns
John wrote:
You could add a new content container div that will wrap contentleft and contentright with a matching background colour of #d9e6f9 and a width that matches the sum of both content divs, eg 992px.
More CSS than you need but it will solve your problem.
Faux Columns article may be of some help as well.
http://www.alistapart.com/articles/fauxcolumns
Hi, thank you for your repply, sounds like good idea. But im not good at css/php codes and im new to b2evo :( can u please write what i should add and where also which file to edit.. ?
I don't know what skin you are using but try looking at your index.main.php file.
Look for the start of the contentleft div and the end of the contentright div. You would simply begin the contentcontainer div before the contentleft opening div and close it after the contentright closing div
John wrote:
I don't know what skin you are using but try looking at your index.main.php file.
Look for the start of the contentleft div and the end of the contentright div. You would simply begin the contentcontainer div before the contentleft opening div and close it after the contentright closing div
Hi, i've tried that... but nothing happend, i cant even see this container in developer option ouline in firefox...
There is file u said i have to edit.. : http://www.internetmoney.ic.cz/index.main.rar
Can u look at it please ?
ps. i use a little bit modified evocamp skin
Your .rar file doesn't work for me!!
Anyhow... try this in index.main.php and see what happens.
Add the 'contentconainer' div, as below and close it by adding the '</div>' as per the bottom of this code from the evocamp index.main.php
Also add to your style.css with...
[CSS]#contentconainer {background:#d9e6f9;width:#992px; margin:0;padding:0;height:100%;}[/CSS]
<div id="page">
<div id="contentcontainer">
<div id="contentleft">
<?php
// ------------------------- SIDEBAR INCLUDED HERE --------------------------
skin_include( '_sidebar_left.inc.php' );
// Note: You can customize the default BODY footer by copying the
// _body_footer.inc.php file into the current skin folder.
// ----------------------------- END OF SIDEBAR -----------------------------
?>
<div id="content">
<?php
// ------------------------- TITLE FOR THE CURRENT REQUEST -------------------------
request_title( array(
'title_before'=> '<h2 class="sectionhead">',
'title_after' => '</h2>',
'title_none' => '',
'glue' => ' - ',
'title_single_disp' => true,
'format' => 'htmlbody',
) );
// ------------------------------ END OF REQUEST TITLE -----------------------------
?>
<?php
// ------------------------- MESSAGES GENERATED FROM ACTIONS -------------------------
messages( array(
'block_start' => '<div class="action_messages">',
'block_end' => '</div>',
) );
// --------------------------------- END OF MESSAGES ---------------------------------
?>
<?php
// -------------- MAIN CONTENT TEMPLATE INCLUDED HERE (Based on $disp) --------------
skin_include( '$disp$', array(
) );
// Note: you can customize any of the sub templates included here by
// copying the matching php file into your skin directory.
// ------------------------- END OF MAIN CONTENT TEMPLATE ---------------------------
?>
</div>
</div>
<?php
// ------------------------- SIDEBAR INCLUDED HERE --------------------------
skin_include( '_sidebar_right.inc.php' );
// Note: You can customize the default BODY footer by copying the
// _body_footer.inc.php file into the current skin folder.
// ----------------------------- END OF SIDEBAR -----------------------------
?>
</div>
</div>
Done, not working :( ( i've tried it before but i tought i done something wrong, now i done it as u said ) other solution ??
Maby im doing it in a wrong file ? maby its not index.main.php... ?
The other file involved is sidebar_right.inc.php
Maybe try placing the closing div at the end of that file
or...
Simply edit the wrap css... ie get rid if the images on each side :)
#wrap {
padding: 0 ;
height: 100%;
width: 1018px;
margin: 0 auto;
background: #D9E6F9;
}
ok contentcontainer is in code.. but still i cant set it up to 100%.... white space problem is still here..
The contentcontainer is there, it's just that you need to place the single closing div in a different location than you have it now.
It's simply not wrapping the 3 columns
John wrote:
The contentcontainer is there, it's just that you need to place the single closing div in a different location than you have it now.
It's simply not wrapping the 3 columns
Thats the problem, it is wrapping all 3 columns... check it with outline in developer...
I really cant solve this problem, tried everything :((( any suggestions ?
You just need to be careful about where you place the closing div.
If I get time I'll install the skin and play with it.
Check back tomorrow :)
John wrote:
You just need to be careful about where you place the closing div.
If I get time I'll install the skin and play with it.
Check back tomorrow :)
Thank you very much :) because im out of ideas....
aveNGER wrote:
John wrote:
You just need to be careful about where you place the closing div.
If I get time I'll install the skin and play with it.
Check back tomorrow :)
Thank you very much :) because im out of ideas....
ps. still not solved:(
ps. Still painting the "$#&!! house...
anyhow, try this, it works for me.
Edit post.main.php
Add <div id="contentcontainer"> above the div named "page".
Then go right to the bottom of that same file and bang a </div> at the very end.
Now, in style.css add #contentcontainer
Give it width and background colour...
This might have to be repeated for page.main.php, single.main.php as well, I havn't tested them.
Well, I can see it, just make it the same blue colour as your post section and sidebar.
Good luck with your house, problem solved :D
Cheers
Back to painting :(
How big's yer house? you've been painting for weeks? .... and picking carpets took you almost a month :|
¥
The house seems huge and my paint brush is very small.
Try this.
http://www.google.com/search?q=100%25+height+div
http://www.google.com/search?q=full+height+div