Hi all
I'm a newbie but was able to change the design for the online-store (
www.erotikdvd.ch/index.php) a lil bit. I want that my store has fix width (1024px) and is always positioned center in browser.
so i did this code in main.css
*/
html,body {
height: 100%;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
font-family: tahoma, verdana, arial, helvetica, sans-serif;
font-size: 11px;
width: 1024px;
border: 0px none;
background: #ffffff;
}
Did check it in Firefox and was really happy that's working
. Now i did try it in IE6, IE7 and IE8, the result is really frustrating (why Bill Gates are you doing this??). The store is on the left side, not in the center :-/
This is main.IE6.css:
#page-container {
height: 100%;
margin: 0px auto;
width: 1024px;
text-align: left;
position: relative;
border-left: 0px solid #ffffff;
}
#page-container2 {
float: left;
margin-left: 0px;
position: relative;
height: 620px; /* bottom-expand */
background:#FFFFFF url(images/custom/pagebg.gif) repeat-x scroll 0 0;
}
main.IE7.css:
no special setups fot that...
Does anybody has an idea i to solve that?
Is it not needed to have an main.IE8.css ?? Because i can't see any.
Thanks a lot.
Regards
Manuel