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)
-   -   Centering page in IE (https://forum.x-cart.com/showthread.php?t=52152)

pdstudio 02-04-2010 04:06 AM

Centering page in IE
 
I have done all what I can, but nothing happens with my page in IE. It dont will go to the center. I read all the threads about this problem but nowhere was for me the solution. Can somebody help me?
Its very annoying thing.

There is the site: http://webshop.vizipipavasarlas.hu/
And the *.css: http://webshop.vizipipavasarlas.hu/skin1/main.css

ARW VISIONS 02-04-2010 04:42 AM

Re: Centering page in IE
 
make this
html,body {
height: 100%;
width: 1000px;
background: #ff5300 url("images/bg_tiled.png");
margin: 0 auto;
padding: 0px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
min-width: 1000px;
border: 0px none;
text-align: center;
}
this

html,body {
height: 100%;
width: 100%;
background: #ff5300 url("images/bg_tiled.png");
margin: 0 auto;
padding: 0px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;

border: 0px none;
text-align: center;
}

no min-width

pdstudio 02-04-2010 05:22 AM

Re: Centering page in IE
 
1 Attachment(s)
This dont work.
I attached a picture what happened with your solution.

ARW VISIONS 02-04-2010 08:33 AM

Re: Centering page in IE
 
try changes in red.

html,body {
height: 100%;
width: 100%;
background: #ff5300 url("images/bg_tiled.png");
margin: 0 auto !important;
padding: 0px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
border: 0px none;
text-align: center;
}

/* page container */
#page-container {
min-height: 100% auto;
width: 1000px;
position: relative;
background-color: #ffffff;
text-align: left;
margin: 0 auto !important;
margin-left: auto;
margin-right: auto;
}

pdstudio 02-04-2010 11:59 AM

Re: Centering page in IE
 
Awesome! It works!
I really thank you, this was a big help :)

ARW VISIONS 02-04-2010 12:28 PM

Re: Centering page in IE
 
no problem.

glad I could help.

gizmo 02-04-2010 12:53 PM

Re: Centering page in IE
 
Yea I know: Take a look at it in Ie6!
Yes the most talked about, why support it, but it was worth a mention, as the site headers not even viewable in IE6!.....

If you don't care no worries.

pdstudio 02-04-2010 01:13 PM

Re: Centering page in IE
 
O shit, I forgot to test it in IE6, again. I see the problem, the header+topmenu+search goes next to the pages right side. Hmm, annoying.
Is there a solution for this problem?

gizmo 02-04-2010 01:23 PM

Re: Centering page in IE
 
Quote:

Originally Posted by pdstudio
O shit, I forgot to test it in IE6, again. I see the problem, the header+topmenu+search goes next to the pages right side. Hmm, annoying.
Is there a solution for this problem?



If I remember rightly you have to play around with altskin.ie6.css

That's one solution, I added more css to my main.css to combat this, some of it Was:
Code:

html,body {
  height: 100%;
  background:#b9d3df;
  text-align: center;
  padding-top: 2px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
}
body {
  /* MSIE 5 doesn't center based on auto left/right margins,
    but 'text-align:center' does center top-level divs: */
  text-align: center;
  /* Specify a min-width for the body as wide as the 'wrapper'
    element itself. This prevents negative (i.e. inaccessible)
    left-margins in narrow browser windows when using
    Navigator 6+/Mozilla on Win32: */
  min-width: 960px;
  margin-top:0px;
  margin-bottom:1px;
}


With the usual other edits, but I also have an additional container wrap...


All times are GMT -8. The time now is 05:23 PM.

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