MX AJAX Toolbox Forum :: Change width in two-collum AJAX site
This thread was displayed: 0 times
Starting with 17th May 2007, Adobe Systems will stop offering support for any version of the discontinued InterAKT products. As a result, we will not answer to new support incidents starting with May 17th, 2007. Pending support incidents will still be followed in order to be closed. The product forums will remain open and be transformed in user-to-user forums. The general forums will be made read-only and not allow new posts or comments.
For more information about the affected products visit: www.interaktonline.com/Support/
Michael Davis
04-06-2008 19:28:56 GMT +2
|
Does anyone know how to change the width in the page created when making a two-collum AJAX site? It's set to 800px, and I want to change it to 100% to cover the whole screen. Also need to be able to change the center panel width to a percentage.
I thinks it's all in /includes/jaxon/css/panels.css
|
|
|
jde
04-06-2008 21:02:47 GMT +2
|
It is not in the CSS but in the initial page (index.php usually). Here is the complete code for a page and all you need to do is to change the 800px to 100% and play about with the other panels accordingly:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" c />
<title>Untitled Document</title>
</head>
<body>
<div style="width: 100%; margin: auto; border:solid 1px">
<div>Header panel</div>
<div style="width: 20%; margin: 15px 15px 0 0; float: left;">Menu panel</div>
<div style="width: 70%; height: 500px; margin: 15px 0; float: left; background:#CC0000">Content panel</div>
</div>
</body>
</html>
As you can see there is one bound div of 100% (drop the border which I have only put on so you can see it and I have made the main panel 80% with a red background.
It really is as simple as that and I hope this helps you!
|
|
|
