Elegance

IE / firefox / chrome padding difference problem - Elegance

IE / firefox / chrome padding difference problem

by aduh » Sat Sep 05, 2015 12:09 am

Problem marked by red arrows.
IE:
http://i.imgur.com/5IAnRQY.jpg
Firefox / Chrome:
http://i.imgur.com/wDllI1A.jpg

Code: Select all

.portal {
   background: #f4f4f4;
   border: 1px solid $block-border;
   border-radius: $border-radius;
   padding: 5px 5px;
   background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, 0) 100%), -webkit-linear-gradient(top, rgba(204, 204, 204, .2) 0%, rgba(204, 204, 204, .25) 10px, rgba(204, 204, 204, 0) 50px);
   background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom, rgba(204, 204, 204, .2) 0%, rgba(204, 204, 204, .25) 10px, rgba(204, 204, 204, 0) 50px);
   box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.5) inset, 0 0 3px 1px rgba(128, 128, 128, 0.1) inset, 1px 1px 3px rgba(0, 0, 0, 0.15), 0 10px 10px -10px rgba(0, 0, 0, 0.2);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33CCCCCC, endColorstr=#00CCCCCC);
}

Can you help me with this ?
2012 APOCALYPSE NNC
gaming community
http://www.nonameclan.pl/2012
User avatar
aduh
Registered User
Posts: 208
Joined: Thu Jul 05, 2012 7:29 pm
Location: Poland
Name: Hans'
Contact:

Re: IE / firefox / chrome padding difference problem

by Arty » Sat Sep 05, 2015 8:08 am

Code you've posted has nothing to do with that.
Its impossible to help without seeing actual page.
Vjacheslav Trushkin / Arty.
Free phpBB 3.1 styles | New project: Iconify - modern SVG framework
User avatar
Arty
Former Team Member
Posts: 16654
Joined: Wed Mar 06, 2002 2:36 pm
Name: Vjacheslav Trushkin
Contact:

Re: IE / firefox / chrome padding difference problem

by aduh » Sat Sep 05, 2015 1:57 pm

Arty wrote:Code you've posted has nothing to do with that.
Its impossible to help without seeing actual page.


http://www.2012apocalypse.pl
2012 APOCALYPSE NNC
gaming community
http://www.nonameclan.pl/2012
User avatar
aduh
Registered User
Posts: 208
Joined: Thu Jul 05, 2012 7:29 pm
Location: Poland
Name: Hans'
Contact:

Re: IE / firefox / chrome padding difference problem

by Arty » Sat Sep 05, 2015 2:23 pm

Remove style for .portal
Vjacheslav Trushkin / Arty.
Free phpBB 3.1 styles | New project: Iconify - modern SVG framework
User avatar
Arty
Former Team Member
Posts: 16654
Joined: Wed Mar 06, 2002 2:36 pm
Name: Vjacheslav Trushkin
Contact:

Re: IE / firefox / chrome padding difference problem

by aduh » Sat Sep 05, 2015 3:18 pm

Arty wrote:Remove style for .portal

how can I do that? sry Im trying to learn that
2012 APOCALYPSE NNC
gaming community
http://www.nonameclan.pl/2012
User avatar
aduh
Registered User
Posts: 208
Joined: Thu Jul 05, 2012 7:29 pm
Location: Poland
Name: Hans'
Contact:

Re: IE / firefox / chrome padding difference problem

by Arty » Sat Sep 05, 2015 4:14 pm

It didn't exist in this style, so you must have added css for it to one of .scss files. Simply remove that code.
Vjacheslav Trushkin / Arty.
Free phpBB 3.1 styles | New project: Iconify - modern SVG framework
User avatar
Arty
Former Team Member
Posts: 16654
Joined: Wed Mar 06, 2002 2:36 pm
Name: Vjacheslav Trushkin
Contact:

Re: IE / firefox / chrome padding difference problem

by aduh » Sat Sep 05, 2015 4:40 pm

When I remove that code marked section (background) dissapear because there is also this code on .html file:

Code: Select all

<!-- Config for the center blocks //-->
<!-- DEFINE $C_BLOCK_H_L = '<div class="portal">' -->
<!-- DEFINE $C_BLOCK_H_R = ' ' -->
<!-- DEFINE $C_BLOCK_F_L = ' ' -->
<!-- DEFINE $C_BLOCK_F_R = '</div><br class="portal-clear" />' -->

on file:
http://i.imgur.com/8hm7Oz3.jpg

p.s. Arty I could give you ftp and admin access to test/clone forum if you want of course
2012 APOCALYPSE NNC
gaming community
http://www.nonameclan.pl/2012
User avatar
aduh
Registered User
Posts: 208
Joined: Thu Jul 05, 2012 7:29 pm
Location: Poland
Name: Hans'
Contact: