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.

Visual difference in other web browsers

Go down

Solved Visual difference in other web browsers

Post by Apex on December 18th 2014, 4:39 am

Alright so my forum has had this issue for quite some time now but it is extremely more noticeable after I made drastic design changes this past day. For one, the overall body of the forum is non-existent in Mozilla and Internet Explorer. Also, certain parts change on the forum like in the Reply box the text is a dark grey where you can hardly see it where it's supposed to be an off-white. I have some screenshots to explain what I mean

The forum looks how it should based off the CSS while using Google Chrome

Main body:

Post body:

Internet Explorer/Mozilla Appearence (the same happens in the post body, there is no background and other errors as I explained in the beginning of the post)

Spoiler:



Here is my CSS:

Spoiler:

.user_login_form input[type="text"], .user_login_form input[type="password"] { position:static !important }
.user_login_form.center input.post { box-shadow:none !important }
.user_login_form input.post { background: #0a0a0a !important }
.user_login_form.center label { display:block }
.sceditor-container { border:0px solid #171717 !important }
.sceditor-container .sceditor-toolbar { border-bottom:0px solid #171717 !important }
.post {
  margin-bottom: 0px;
    }
.postprofile {
    border-right: solid 0px #171717;
}
.postprofile dt img {
    max-height: 150px !important;
    max-width: 135px !important;
}
body#phpbb {
font: 10px verdana,helvetica,arial,sans-serif;
background: #030303 url() repeat;
color: #c7c7c7;
padding: 0px;}
.conteneur_minwidth_IE {
background: url(http://fc02.deviantart.net/fs70/f/2014/350/a/2/dsbg_by_impactonyou-d8a4vsx.png) center ;
background-attachment: fixed;
}
#wrap {
padding: 0;
margin: auto;
width: 1000px;
}
#site-title h1 {display: none;}
#site-title, #site-title h1{display: none;}
#logo-desc p {display: none;}

img[src="http://illiweb.com/fa/empty.gif"] {
display: none;}
img[src="http://illiweb.com/fa/m/icon_mini_faq1.gif"] {
display: none;}
img[src="FAQ IMAGE LINK"] {
display: none;}
a[href="/faq"] { display: none; position: absolute;}
a img [href="/faq"] { display: none; position: absolute;}
img[src="http://illiweb.com/fa/empty.gif"] {
display: none;}
img[src="http://illiweb.com/fa/m/icon_mini_faq1.gif"] {
display: none;}
img[src="http://illiweb.com/fa/empty.gif] {
display: none;}
a[href="/memberlist"] { display: none; position: absolute;}
a img [href="/memberlist"] { display: none; position: absolute;}
img[src="http://illiweb.com/fa/empty.gif"] {
display: none;}
img[src="http://illiweb.com/fa/m/icon_mini_faq1.gif"] {
display: none;}
img[src="http://illiweb.com/fa/empty.gif] {
display: none;}
a[href="/groups"] { display: none; position: absolute;}
a img [href="/groups"] { display: none; position: absolute;}
#page-body {
margin: auto;
width: auto;
}
#page-header .navbar {
margin: 5px 0 15px;
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.Cool;
background: url() repeat-x top;
border-color: #111;
border-radius: 0px 0px 0px 0px;
border-style: solid;
border-width: 0px;
line-height: 34px;
padding: 2px 5px 5px 5px;
text-shadow: 0 1px 0 #000;
box-shadow: 0 0px 0px #0c0c0c;
-webkit-box-shadow: 0 0px 0px #0c0c0c;
-moz-box-shadow: 0 0px 0px #0c0c0c;
}
ul.navlinks li a {
padding: 7px 7px 8px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font: 13px tahoma,helvetica,arial,sans-serif;
}
ul.navlinks li a:hover {
color: #c7c7c7;
box-shadow: 0 1px 0 rgba(0,0,0, 0.1), inset 0 5px 10px rgba(0,0,0, 0.3);
-webkit-box-shadow: 0 1px 0 rgba(0,0,0, 0.1), inset 0 5px 10px rgba(0,0,0, 0.3);
-moz-box-shadow: 0 1px 0 rgba(0,0,0, 0.1), inset 0 5px 10px rgba(0,0,0, 0.3);
position: relative;
background: rgba(0,0,0, 0.1);
}
.module span.corners-top {
height: 27px;
background: url(http://i39.servimg.com/u/f39/18/94/25/94/blue211.png) repeat-x top;
border-bottom: 0px solid #0c0c0c;
}
.panel {
border: 1px solid black;
background: url(http://i39.servimg.com/u/f39/18/94/25/94/finalp10.png) repeat 0 0 !important;
padding: 10px;
}
.forabg , .forumbg{
padding: 0;
border-color: #0c0c0c;
border-style: solid;
border-width: 0px
background: url(http://i39.servimg.com/u/f39/18/94/25/94/blue210.png) repeat ;
color: white;
-webkit-border-radius: 1px 1px 0 0;
-moz-border-radius: 1px 1px 0 0;
border-radius: 1px 1px 0 0;
box-shadow: 0 2px 3px #0a0a;
-webkit-box-shadow: 0 2px 3px #0a0a0a;
-moz-box-shadow: 0 2px 3px #0a0a0a;
}
module span.corners-top {
height: 29px;
background: url() repeat-x top;
border-bottom: 0px solid #0c0c0c;
}

ul.forums li.row dl { min-height: 50px; }

span.corners-bottom {display:none;}
.header {
margin-top: 1px!important;
padding-bottom: 2px!important;
border-bottom: 1px solid #0c0c0c;
padding-left: 4px;
}
ul.topiclist.forums , ul.topiclist.bg_none{
background: url(http://i39.servimg.com/u/f39/18/94/25/94/forabg12.png) repeat 0 0 !important;
}
#profile-advanced-layout {
background: url(http://i39.servimg.com/u/f39/18/94/25/94/posthe11.png) repeat 0 0 !important;
}
.post {
box-shadow: 0 4px 9px #040404;
-webkit-box-shadow: 0 4px 9px #040404;
-moz-box-shadow: 0 4px 9px #040404;
background: url(http://i39.servimg.com/u/f39/18/94/25/94/finalp10.png) repeat 0 0 !important;
border: 1px solid #171818 !important;
}
.post span.corners-top {
border-top: 0px solid #0c0c0c;
border-bottom: 1px solid #171818;
background: url(http://i39.servimg.com/u/f39/18/94/25/94/psthdf11.png) repeat-x 0 top;
padding: 0 10px;
height: 27px;
line-height: 27px;
}

#search-box {
display:none;
}
#search-box #keywords {
width: 130px;
background: transparent;
color: #c7c7c7;margin-left: 15px;
font-family: Verdana;margin-top:5px;
font-style: normal;
font-size: 11px;}

#search-box input {
border: none !important;
background: none;}

#search-box input.search {
background: none;
margin-left: 0px;
margin-top: 0;}

#search-box input.button2 {visibility: hidden;
}

#search_menu
background: #0a0a0a;
font-size: 11px !important;
position: relative; 
width: 350px; 
top: 160px!important; 
left: 200px!important;
}
#search_menu .title-overview {
background: url(http://i39.servimg.com/u/f39/18/94/25/94/sectio10.png) repeat-x top;
border-bottom: 1px solid #111;
}
#search_menu a{color:#c7c7c7!important;}
#plus_menu .title-overview {
background: url(http://i39.servimg.com/u/f39/18/94/25/94/sectio10.png) repeat-x top;
border-bottom: 1px solid #111;
}
/*------------------------------------------------*/
/*-------------[Borrar el subrayado de los enlaces]------------*/
/*------------------------------------------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
#main-content a.cgu-buttons:hover, button.button2:hover, input.button1:hover, input.button2:hover {
border: 1px solid rgb(0, 0, 0);
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
-moz-border-radius: 0px;
-webkit-border-radius: 30x;
border-radius: 30==0px;
padding: 3px;
background: url(http://i39.servimg.com/u/f39/18/94/25/94/sectio10.png) repeat-x top;
border: 1px solid #111;
cursor: pointer;
color: #c7c7c7;
}
.postbody .content {
font-size: 11px;
color: #c7c7c7;
#ipbwrapper {
    font-size: 10px !important;
}
}
.postprofile {
width: 18%;
text-align: left;
}
.user_login_form input[type="text"], .user_login_form input[type="password"]{
position:relative;
top:7px;
}
.postbody .topic-title {
font-size: 11px;}
.postbody {
width: 80%;
}
fieldset.fields1 div {
margin: 0px;
}
input[type="text"], textarea {
background: url("http://i39.servimg.com/u/f39/18/94/25/94/finalp10.png")!important;
border: 1px solid rgb(10, 10, 10)!important;
color: #c7c7c7!important;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
}
blockquote {
background-color: #101314;
padding: 5px;
border: 1px solid rgb(2, 2, 2);
border-radius: 1px;
}
.codebox dd {
padding: 0px 5px;
}
dl.codebox dt, .codebox dt {
background: url(http://i39.servimg.com/u/f39/18/94/25/94/sectio10.png) repeat-x top;
border-bottom: 1px solid #111;
padding: 4px;
}
dl.codebox, .codebox {
background-color: #101314;
border: 1px solid rgb(10, 10, 10);
}
blockquote blockquote {
border: 1px solid rgb(2, 2, 2);
background-color: #101314;
}
.vote .vote-bar {
border: 1px solid rgb(0, 0, 0);
}
.module .box-content .mod-login-avatar dt img {
height: 100px;
width: 150px;
border: 1px solid rgb(66, 66, 66);
box-shadow: 0px 0px 0px rgb(0, 0, 0);
}

It would be nice if someone had any idea why this is happening

Almost forgot... Here is my forum URL:
http://thedivineclan.com


Last edited by Apex on December 19th 2014, 4:40 am; edited 1 time in total
avatar
Apex
Forumember

Posts : 76
Reputation : 1
Language : English

Back to top Go down

Solved Re: Visual difference in other web browsers

Post by Ange Tuteur on December 18th 2014, 11:08 pm

Hello @Apex,

You forgot to close a string on these rules :
Code:
img[src="http://illiweb.com/fa/empty.gif] {
display: none;}

Corrected :
Code:
img[src="http://illiweb.com/fa/empty.gif"] {
display: none;}

This appears twice.

If you don't close your strings Firefox will consider the content up until the closing quote a string.
avatar
Ange Tuteur
Forumaster

Male Posts : 13187
Reputation : 2895
Language : EN10, FR5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: Visual difference in other web browsers

Post by Apex on December 19th 2014, 1:23 am

You're amazing, thanks!

Two more quick little things if you would, my topic list within the forums look like this
Spoiler:



I was wondering if there was a code you could give me to modify this without modifying the main section of the forum. Currently they are both using the same image so if I change one it changes the other, but I would like to just change the topic list background to a separate image.

And finally, my link to the last post button won't show up
avatar
Apex
Forumember

Posts : 76
Reputation : 1
Language : English

Back to top Go down

Solved Re: Visual difference in other web browsers

Post by Ange Tuteur on December 19th 2014, 2:58 am

I believe you should open a new topic for that question. Is the question in your first post solved ?
avatar
Ange Tuteur
Forumaster

Male Posts : 13187
Reputation : 2895
Language : EN10, FR5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: Visual difference in other web browsers

Post by Apex on December 19th 2014, 4:35 am

Yep
avatar
Apex
Forumember

Posts : 76
Reputation : 1
Language : English

Back to top Go down

Solved Re: Visual difference in other web browsers

Post by Ange Tuteur on December 19th 2014, 5:38 am

Okay, I will await your next topic. Wink

Topic archived
avatar
Ange Tuteur
Forumaster

Male Posts : 13187
Reputation : 2895
Language : EN10, FR5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Back to top


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