The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Internet explorer view

View previous topic View next topic Go down

Solved Internet explorer view

Post by kumotta on April 7th 2014, 10:01 pm

hello  Hello 
i have problem when i'am acces my forum on IE  Shocked 
so, here's the problem...





please help me  Crying or Very sad

kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: Internet explorer view

Post by Sir. Mayo on April 7th 2014, 10:40 pm

It may be due to some of your CSS. Some CSS does not work on IE and some is only unique to Webkit browsers and so on.

Sir. Mayo
Forumember

Male Posts : 969
Reputation : 87
Language : English, Some french.
Location : Working 11Pm-7Am EST I will try to respond ASAP

http://sir-mayo.forumotion.com/

Back to top Go down

Solved Re: Internet explorer view

Post by kumotta on April 7th 2014, 10:42 pm

@Sir. Mayo wrote:It may be due to some of your CSS. Some CSS does not work on IE and some is only unique to Webkit browsers and so on.

can you help me to fix it?  Sad

kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: Internet explorer view

Post by Sir. Mayo on April 7th 2014, 10:49 pm

I can try i dont the what works on what browser though. I think the staff do theyed be best. but ill look at the code can you add it please.

Sir. Mayo
Forumember

Male Posts : 969
Reputation : 87
Language : English, Some french.
Location : Working 11Pm-7Am EST I will try to respond ASAP

http://sir-mayo.forumotion.com/

Back to top Go down

Solved Re: Internet explorer view

Post by kumotta on April 7th 2014, 10:54 pm

@Sir. Mayo wrote:I can try i dont the what works on what browser though. I think the staff do theyed be best. but ill look at the code can you add it please.


CSS

Code:
.pun .post .user {
    display: block;
    position: relative;
    margin: 0;
    width: initial!important;
    float: none;
    background: white;  vertical-align: middle;  border-bottom: 1px solid #DDD;  padding: 15px;
    height: 75px;
  overflow:initial;
}
.pun .postmain {
    margin: 0;
    border: 0;
}
.pun .post-entry {
    background: rgb(250, 250, 250);  vertical-align: middle;  border-bottom: 1px solid #DDD;
    padding: 5px 10px;
}
#page-body .postfoot {
    margin: 0;
    background: white;  vertical-align: middle;  border: 0;
    border-bottom: none;  padding: 15px;
}
.pun .posthead {
    font-family: 'Lato', sans-serif;  background: #F0F0F0 url(http://i.imgur.com/r3Rwykr.png) repeat-x top;  font-size: 11px;  color: #666;  padding: 9px; 
    border-bottom: 1px solid #ddd; 
    border-top: none;
    min-height: 20px;  line-height: 20px;
}
.pun .post {
    margin: 10px 0;
    border: 1px solid #ddd;
}
.pun .topic {
    border: 0;
    background: none;
}
.pun .user .user-info {
    float: right;
font-size:11px}
.pun .user .user-ident {
    float: left;
}
.pun .topic .post:first-child {
    margin-top: 0px;
}
.pun .user-ident .user-basic-info {
font-weight: normal;
font-size: 11px;
}
.pun .post .user .user_avatar {
    float: left;
}
.pun .post .user .user_avatar img {
    padding: 1px;  border: 1px solid #DDD;  box-shadow: 0px 1px 3px -1px #BEBEBE;
    width: 70px;
    height: 70px;
}
.pun .post .user .user_avatar img:hover {border-color: #aaa;}
.pun .user-ident .username {
    position: relative;
}
.pun .user .user-ident {
    margin-left: 15px;
    font-size: 11px;
    font-weight: normal;
}
.pun .user-ident .username a {
    font-size: 13px;
    font-weight: bold;
}
.pun .user-ident .username status.s_u_p {
    float: left;
    background: url("http://i.imgur.com/UvKrxTF.png");
    height: 7px;
    width: 7px;
    margin: 4px 4px 4px 0px;
}

kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: Internet explorer view

Post by Sir Chivas™ on April 7th 2014, 11:31 pm

Hi,

May I ask which version of the IE are you using?

Regards,
Sir Chivas.

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Internet explorer view

Post by kumotta on April 7th 2014, 11:39 pm

Sir Chivas™ wrote:Hi,

May I ask which version of the IE are you using?

Regards,
Sir Chivas.


hello, i'm using IE 11 now

kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: Internet explorer view

Post by Sir Chivas™ on April 7th 2014, 11:55 pm

Hi,

I normally don't use IE, so please bare with me; I'll try to provide you the correct CSS to fix this. Smile

Regards,
Sir Chivas.

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Internet explorer view

Post by kumotta on April 8th 2014, 12:04 am

Sir Chivas™ wrote:Hi,

I normally don't use IE, so please bare with me; I'll try to provide you the correct CSS to fix this. Smile

Regards,
Sir Chivas.

indeed most people don't use IE, but it affects the display on mobile browser.
please help me to fix it to be consistent in all browser  pale

kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: Internet explorer view

Post by Ange Tuteur on April 8th 2014, 1:08 am

Hello kumotta,

You're using the initial keyword which is not supported in Internet Explorer as a property value. It would be better to use an exact value so it will render properly on all browsers.

Like, instead of :
Code:
width:initial !important;

you would write :
Code:
width:auto !important;

and instead of :
Code:
overflow:initial !important;

you could write :
Code:
overflow:visible !important;

It depends on what the original value is, or the result you're seeking.

If you wanted you could also write a fallback :
Code:
.parent-class { color:red; }

.child-class {
   color:#000; /* IE fallback */
   color:initial;
}

http://www.w3schools.com/cssref/css_initial.asp

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Internet explorer view

Post by kumotta on April 8th 2014, 1:31 am

@Ange Tuteur wrote:Hello kumotta,

You're using the initial keyword which is not supported in Internet Explorer as a property value. It would be better to use an exact value so it will render properly on all browsers.

Like, instead of :
Code:
width:initial !important;

you would write :
Code:
width:auto !important;

and instead of :
Code:
overflow:initial !important;

you could write :
Code:
overflow:visible !important;

It depends on what the original value is, or the result you're seeking.

If you wanted you could also write a fallback :
Code:
.parent-class { color:red; }

.child-class {
   color:#000; /* IE fallback */
   color:initial;
}

http://www.w3schools.com/cssref/css_initial.asp

hello,

I have tried, but to no avail  Crying or Very sad  can you help me further?

kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: Internet explorer view

Post by Ange Tuteur on April 8th 2014, 4:15 am

Have you replaced the initial values by a value that IE can understand ? I have done the following and it is displaying fine on IE and Fx :

Replace :
Code:
.pun .post .user {
    display: block;
    position: relative;
    margin: 0;
    width: initial!important;
    float: none;
    background: white;  vertical-align: middle;  border-bottom: 1px solid #DDD;  padding: 15px;
    height: 75px;
  overflow:initial;
}

by :
Code:
.pun .post .user {
    display: block;
    position: relative;
    margin: 0;
    width: auto !important;
    float: none;
    background: white;  vertical-align: middle;  border-bottom: 1px solid #DDD;  padding: 15px;
    height: 75px;
  overflow:hidden;
}

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Internet explorer view

Post by kumotta on April 8th 2014, 4:42 am

code work, thank you very much!  :wouhou:
topic solved~

kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: Internet explorer view

Post by Ange Tuteur on April 8th 2014, 4:45 am

You're welcome :rose:

Topic solved and archived

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum