2 replies [Last post]
marketingisa
marketingisa's picture
Offline
newbie
Last seen: 8 years 30 weeks ago
Timezone: GMT+2
Joined: 2014-08-28
Posts: 2
Points: 3

Hi boys,

I have a very particular problem.

I am working a website template : http://www.xn--pubblicitmarketing-nrb.it/ecommerce/.

It works very well on Firefox, Chrome and Ie 8/9 but with Ie 11, in the home page, the sidebar float wrong.

Could someone help me?

Bye

marketingisa
marketingisa's picture
Offline
newbie
Last seen: 8 years 30 weeks ago
Timezone: GMT+2
Joined: 2014-08-28
Posts: 2
Points: 3

Excuse me the css code....

.sidebar-primary {
float: left;
width: 245px;
padding: 15px;
margin: 0px 0px 0 -100px;

-webkit-box-shadow: 0px 0px 3px 1px #333 inset;
-moz-box-shadow: 0px 0px 3px 1px #333 inset;
box-shadow: 0px 0px 3px 1px #333 inset;

border-radius: 5px;
}
.content {
float: right;
width: 92%;
margin-right: -100px;
background-color: #fff;
-webkit-box-shadow: 0px 0px 3px 1px #333 inset;
-moz-box-shadow: 0px 0px 3px 1px #333 inset;
box-shadow: 0px 0px 3px 1px #333 inset;
border-radius: 5px;
padding-top: 10px;
}

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 1 day ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Hi marketingisa, You are

Hi marketingisa,
You are mixing fixed values with percentage, best to avoid that where possible.

Maybe you could use calc
Something like:

.content {
float: right;
width: clalc(100% - 245px);

Uptodate browser support: http://caniuse.com/#feat=calc