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

View previous topic View next topic 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

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.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

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

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 ?

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Visual difference in other web browsers

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

Yep

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

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
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