[colinsp]

Dano, I have been really busy and also away with SWMBO for a few days. Sorry to keep you waiting reply later today (hopefully)

[Dano2]

no worries I will be here, thanks. Dano

[colinsp]

Dano, finally got to this for you.

Go to your css and make the following changes to the #maincontent

margin-right: 190px;
margin-left: 180px;

This allows 20 pixels additional for the centre content. It may look lousy from a display perspective but see if it pushes the form back up to where it should be in ie6. If it does we can make a couple of other changes to the CSS to get it looking right again.

The second thing is I don't know if it is where you were playing there is an unnecessary opening div tag at line 179 right after you open the centre div for content, so delete that too if it is in your live site.

Let me know if this fixes the problem and then we can tidy up your css from there.

Colin

[Dano2]

Thanks Colin, I will try that when I get home from work. Silly question, I use Dreamweaver CS3, how do I know which is line 179? thanks, Dano

[colinsp]

I use CS3 too it is one of the display options in code view.

[Dano2]

Hi Colin,

I went down to line 179 but didn't see that extra div tag you mentioned. Here is a snapshot of the code on that line from my code view. Thought I would try and fix that piece first then do that CSS code adjustment. thanks Dano

177  <!-- InstanceEndRepeatEntry --><!-- InstanceEndRepeat --></div>
178 <div id="mainContent"><!-- InstanceBeginEditable name="Center Column" -->
179 <h2 align="center"><?php include "vsadmin/db_conn_open.php" ?>
180 <?php include "vsadmin/inc/languagefile.php" ?>

[colinsp]

Its not in that version of the code so it was something that crept in to the txt file that you posted.

[Dano2]

I may have posted the older code before I changed it back.

[Dano2]

Colin,

Awesome...that worked. The only thing I see going on is that if you view it in IE8/IE7 or FF, there is that inner background stripe that is getting cuttoff by the container. I attached a screen shot of it in firefox and outlined it in red.

I'm thinking that is the background: url(../Images/tri-color-bg.gif) repeat-y; image to fix the equal 3 column height problem? just guessing...anything we can do to fix that? It kinda separates the columns from the main content kinda a look...

thanks..dano

[colinsp]

That's good news that is what I was expecting to happen.


The first thing to do is slowly increase the width the margins say 2px each time (add 2 px to left and right margins) until it starts displaying incorrectly and see where we get to.

Once you know at what width the problem arises we can make the appropriate changes to your css. It may be as simple as adding a couple of pixels to the width of your master container or it could be something else.

Let me know the final values you get to before the problem shows.

[Dano2]

Would I not want to decrease the margins? or maybe you mean increase them by 2px from what they originally were? Or do you mean increase them 2 px from right: 190px;
margin-left: 180px;? to 192px then 182px etc...

Just want to make sure I'm doing this right...thanks Dano

[Dano2]

Colin, I got it looking pretty good as of right now. I have the margins set at right:195, left:185, and set the left and right padding to 2px. I tried setting the padding to 10 but that seemed to mess up things again. Dano

[colinsp]

Yes the padding of 10px would screw things up. Sorry I should have made the increase of tha margins clearer (I knew what I meant ). Glad you have it sorted.

[Dano2]

no worries....) at least I got it looking pretty good with your help...Since you have CS3 also, do you know is there a way that I can adjust the padding on individual pages? I was going to try that but it didn't work out due to my pages are based off a template and the center area I set to repeatable region i think....

[colinsp]

It isn't easy to do as you are using the templates in DW. The only way would be to have multiple templates and use the appropriate one for the page BUT that rather defeats the object of having a template.

What I have gone over to doing is to have the common elements as php includes and then I can style the page with css as appropriate but have common headers and footers and menu bars but change the page layout as I wish.