X-Cart forums

[scoobie]

Hi,

I am having an issue applying a margin to my main content. Basically I have removed code from head.tpl to line up my left vertical column right under my banner and navigation bar. As a result my welcome message and everything else line up straight under the nav bar too. I was hoping I could just apply some sort of padding or margin to an element to fix this.

I put the following code into my css file:-

.content_position {
margin-left:70px;
margin-top:50px;
}

and in my home_main.tpl on the first line, I added the following div statement because it would take into account all templates.

<div class= "content_position"</div>

My change worked fine in Internet Explorer but only the margin-top value worked in Firefox. Can someone give me some help with this?

[Jayk]

Originally Posted by scoobie

I put the following code into my css file:-

.content_position {
margin-left:70px;
margin-top:50px;
}

Try adding padding to your css. Example:

padding: 0 0 0 70px;

The order for the values are: top right bottom left. I used a value of 70 for the left as that's what you used above.

Jason

[scoobie]

Hi Jayk,

Thanks for replying. I tried your suggestion unfortunately it didn't work. It did nothing in Firefox and moved the content even more left in Internet Explorer.

Got any other ideas?

[scoobie]

Any other suggestions? I am struggling to fix this issue in Firefox and I am all out of ideas.

[scoobie]

I found the issue. I feel like a real Noob. I had a missing > on my div statement. All is well in the land of Firefox.