X-Cart: shopping cart software

X-Cart forums (https://forum.x-cart.com/index.php)
-   Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)
-   -   Footer Div overlapping Content Div (https://forum.x-cart.com/showthread.php?t=52051)

ARW VISIONS 01-30-2010 05:16 PM

Re: Footer Div overlapping Content Div
 
No prob... my pleasure.

MikeBrum 02-01-2010 04:55 PM

Re: Footer Div overlapping Content Div
 
Whoops.

In IE8, the background in the shifted to the right for some reason. Any ideas? I tried several things but nothing worked. Do I need to edit one of the separate IE.css files to make this work?

From altskin.css

#page-container {
margin: 0px auto;
width: 1000px;
}
#content-container {
padding-bottom: 152px;
margin-top: 153px;
height:100%;
background:url(images/fashion_mosaic/bg-repeat-center.png) repeat-y top center;
}

#left-bar {
width: 170px;
margin: 120px 0px 0px 80px;
}
#center-main {
padding: 0px 80px 0px 80px;
margin:0px 0px 0px 200px;
}

#center-main h1 {
color:#eb9b11;
}

#header {
border-top: 0px solid #516e99;
top: 0px;
height:223px;
width:1000px;
margin-left:auto;
margin-right:auto;
background:url(images/fashion_mosaic/bg.jpg) no-repeat top center;
}
#footer {
background-color:#291f16;
width:1000px;
height: 154px;
background:url(images/fashion_mosaic/bg-footer.jpg) no-repeat center;
}
#header .line1 {
margin: 0px;
padding: 0px;
height: 170px;
}
#header .line1 .logo {
position: absolute;
left: 0px;
top: 31px;
height: 50px;
width: 228px;
}

ARW VISIONS 02-01-2010 05:11 PM

Re: Footer Div overlapping Content Div
 
try restoring this to it's original form.

#content-container2 {
}

believe it should be

#content-container2 {
float: left;
position: relative;
right: 100%;
width: 200%;
}

MikeBrum 02-20-2010 06:37 AM

Re: Footer Div overlapping Content Div
 
Quote:

Originally Posted by Ashley
try restoring this to it's original form.

#content-container2 {
}

believe it should be

#content-container2 {
float: left;
position: relative;
right: 100%;
width: 200%;
}



I tried restoring that, but it didn't work. FF still looks fine. IE8 still looks messed up. Any other ideas on this one? I am stumped on this.

I also checked to make sure the IE7.css files are all looking original and they are.

gizmo 02-20-2010 11:33 AM

Re: Footer Div overlapping Content Div
 
Without looking at it, I think it has something to do with your css >
#center-main {
padding: 0px 80px 0px 80px;
margin:0px 0px 0px 200px;
}

You have margin left 200px, it could be this that is breaking it, the only way to eliminate and find out what is causing issues, as I do is remove certain css, save > View and see what happens each time in IE8 this is hard to deal with, without anyone physically trying various edits with your css code.

That's the way I would deal with it.
I gather this is a 4.3 install?

Sorry Cannot be of more help.

gb2world 02-20-2010 12:41 PM

Re: Footer Div overlapping Content Div
 
The IE developer toolbar can be an easier way to narrow in on the issue.

For your content-container, try setting the BACKGROUND-POSITION-X: left instead of center.

MikeBrum 02-20-2010 02:07 PM

Re: Footer Div overlapping Content Div
 
Quote:

Originally Posted by gb2world
The IE developer toolbar can be an easier way to narrow in on the issue.

For your content-container, try setting the BACKGROUND-POSITION-X: left instead of center.


You're a genius GB2! Thank you! It worked perfectly. Not sure why I overlooked that and had tried a lot of different things, including changing the 200px value that gizmo mentioned.

I got IE web developer toolbar too, which definitely helps but the CSS in this cart system is so crazy big, sometimes it's difficult to follow everything.

Thanks again for the help guys!


All times are GMT -8. The time now is 06:06 AM.

Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.