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.

firefox background problem

Page 1 of 2 1, 2  Next

View previous topic View next topic Go down

firefox background problem

Post by S-t-e-v-e- on June 4th 2012, 11:13 am

topic with photos seem to have a background problem you only get a half a backbround on the topic...


http://staffy-bull-terrier.niceboard.com/t18676-moo-iii <<---- have a look at that link on firefox you qill se what i mean when you go down the page.

will i be able to fix this or is it forumotion problem?

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Re: firefox background problem

Post by S-t-e-v-e- on June 5th 2012, 9:34 am

bump?

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Re: firefox background problem

Post by Darkel on June 5th 2012, 10:19 am


Darkel
Hyperactive

Male Posts : 2128
Reputation : 257
Language : English, Tagalog
Location : Philippines

Back to top Go down

Re: firefox background problem

Post by S-t-e-v-e- on June 5th 2012, 10:58 am

i know how to clean my cookies Smile i thought it was a xp problem but the samething happens a win7

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Re: firefox background problem

Post by musket on June 5th 2012, 11:21 am

Could you post a screen shot, as I can't see any problem and I'm using firefox 13

musket
Helper
Helper

Male Posts : 1129
Reputation : 131
Language : English
Location : Northern Ireland

http://hemmingsdaman2.forumotion.co.uk/

Back to top Go down

Re: firefox background problem

Post by S-t-e-v-e- on June 5th 2012, 12:53 pm


S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Re: firefox background problem

Post by runawayhorses on June 5th 2012, 2:07 pm

Your background is 300x300 and its repeating way past the size of the background so we know it is repeating, but why it is stopping there is the question. Its definitely a coding issue. It is repeating all the way down the page for Internet Explorer but not for firefox. This is a very strange occurrence I've never seen anything like it with an issue between browsers on repeating backgrounds. So there must be something in the css file telling the background to go no farther than that point.

You're going to need someone familiar with CSS to fix this I believe, because your settings in the AP Pic management for backgrounds is correct it would appear because the background is indeed repeating for both browsers, but why it stops at that point for firefox is the question.

Continue to wait for someone that knows how to fix this. You have provided everything that you can including screenshots and the URL. I saw your problem with your first post in the URL to your site that you provided.

Good luck, and I'll be following this thread because I'm curious as to what is causing this.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Re: firefox background problem

Post by S-t-e-v-e- on June 5th 2012, 3:14 pm

here are the css codes i have added i cant see anything i have done would do this.


Code:
/* Round cornered boxes and backgrounds
---------------------------------------- */
#wrap {
        border: 1px solid #bcd4e3;
        background-color: #FFFFFF;
        width: 1015px; 
        padding : 15px; 
}

.headerbar {
        height: 167px;
        background-color: #2A7BBA;
   background-image: url("http://i108.photobucket.com/albums/n35/wise_guy_xp/ForumBanner.png");
   color: #FFFFFF;
   border: 1px solid #4f91b6;
}

.navbar {
   background-color: #e5eef5;
   border: 1px solid #bcd4e3;
}

.forabg {
   background-color: #2A7BBA;
   background-image: url("http://i77.servimg.com/u/f77/15/57/55/09/bg_lis10.png");
    border: 1px solid #4f91b6;
}

.forumbg {
   background-color: #2A7BBA;
   background-image: url("http://i77.servimg.com/u/f77/15/57/55/09/bg_lis10.png");
   border: 1px solid #4f91b6;
}

.panel {
   border: 1px solid #bcd4e3;

}

.post {
        border: 1px solid #bcd4e3;
}
.warning {
        border: 1px solid;
        border-left: 3px solid;
        margin: 10px 0 10px 3px;
        padding:10px 10px 10px 50px;
        background-repeat: no-repeat;
        background-position: 10px center;
        font-weight:bold;
}
.warning {
        color: #D63301;
        background-color: #FFCCBA;
        background-image: url('http://staffy-bull-terrier.co.uk/theme/img/warning.PNG');}   


/* Search Box & Nav Bar line
---------------------------------------- */
#search-box #keywords {margin-right: 10px;}

ul.navlinks {
        border-bottom: 1px solid #bcd4e3;
}

/* catecory and topic borders
---------------------------------------- */
li.row {
   border-top-color:  #FFFFFF;
   border-bottom-color: #bcd4e3;
}
/* remove index legend
---------------------------------------- */
ul#picture_legend, ul#privmsgs-menu {
        text-align: center;
        display: none;
 }
ul#picture_legend li, ul#privmsgs-menu li {
        display: inline;
        margin: 2px 10px;
        display: none;
}
ul#picture_legend li img, ul#privmsgs-menu li img {
        vertical-align: middle;
        display: none;
 }

/* Index Legends
---------------------------------------- */
#i_whosonline+p em {font-style: normal;}

/* Topic Icons
---------------------------------------- */
dl.icon dt,dl.icon dd.dterm {
   background-repeat: no-repeat;
   background-position: 3px 90%;
   
}


/* post profile
---------------------------------------- */

.postprofile {
        background-color: #E9F0F5;
        border-left: 1px solid #BCD4E3;
        border: 1px solid #BCD4E3;
        padding-top: 10px;
        padding-bottom: 10px;
        color: #536482;
        float: right;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        margin-top: 5px;
        height: 100%;
        width: 23%;
}
.post .postprofile {background: #E9F0F5 url("http://i108.photobucket.com/albums/n35/wise_guy_xp/icon_user_offline.gif") 100% 0% no-repeat;}
.online {background-image:none;}
.online .postprofile {background: #E9F0F5 url("http://i108.photobucket.com/albums/n35/wise_guy_xp/icon_user_online_en.png") 100% 0% no-repeat; opacity:1;}

/* profile tweets
---------------------------------------- */
#tabs .activetab a {
        border-left: 1px solid #BCD4E3;
        border-right: 1px solid #BCD4E3;
        border-top: 1px solid #BCD4E3; 
}

#profile-advanced-right .module {
  border: 1px solid #BCD4E3;
}

/* Photos
---------------------------------------- */
.content img
{
max-width: 750px;
width: expression(this.width > 750 ? 750: true);
}

/* FAQ page
--------------------------------------------- */
h5 {
   font-weight: normal;
   color: #336699;
   border-bottom: 1px solid #CCCCCC;
        font-size: 15px; 
   margin-top: 0.5em;
   margin-bottom: 0.5em;
   padding: 5px 0 5px 0;
}
#text1 {
   width: 1016px;
   margin: 0px auto;
   overflow: auto;
   background: #ffffff;
}
#faqcol4 {
        width: 486px;
        float: left;
    height: 630px;   
   padding: 10px;
   background: #F3F7FA;
   border: 1px solid #bcd4e3;
        border-right: none;   
}
#faqcol5 {
        width: 487px;   
        float: left;
    height: 630px;   
        list-style: none;   
   padding: 10px;   
   background: #F3F7FA;
   border: 1px solid #bcd4e3;
        border-left: none;      
}
#faqcolanswersfirst {
        width: 993px;
    background: #E9F0F5;
   margin-bottom: 7px;
        padding-left: 10px;
        padding-right: 10px;
   margin-top: 663px;
   border: 1px solid #bcd4e3;   
}
#dogfaqcol4 {
        width: 486px;
        float: left;
    height: 500px;   
   padding: 10px;
   background: #F3F7FA;
   border: 1px solid #bcd4e3;
        border-right: none;   
}
#dogfaqcol5 {
        width: 487px;   
        float: left;
    height: 500px;   
        list-style: none;   
   padding: 10px;   
   background: #F3F7FA;
   border: 1px solid #bcd4e3;
        border-left: none;      
}
#dogfaqcolanswersfirst {
        width: 993px;
    background: #E9F0F5;
   margin-bottom: 7px;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 532px;
   border: 1px solid #bcd4e3;   
}
.faqcolanswers10 {
        width: 993px;
    background: #E9F0F5;
   margin-bottom: 7px;
        padding-left: 10px;
        padding-right: 10px;
   border: 1px solid #bcd4e3;
}   
.faqcolanswers20 {
        width: 993px;
    background: #F3F7FA;
   margin-bottom: 7px;
        padding-left: 10px;
        padding-right: 10px;
   border: 1px solid #bcd4e3;
}

.style4 {
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
        padding-top: 10px;
   padding-bottom: 2px;
        font-size: 12px; 
        color:#000000;
   font-weight: bold;   
}
.style5 {
   font-size: 11px;
        pading-bottom: 5px;
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}
.style6 {
        font-size: 12px; 
   font-weight: bold;
        color:#000000;   
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   padding-top: 8px;
}
.style7 {
        font-size: 12px; 
   padding-bottom: 8px;
   border-bottom: 1px dashed #CCCCCC;
}
.style8 {
        font-size: 12px; 
   padding-bottom: 8px;
}

a[href="/privmsg?folder=inbox"]{display:none;}
a[href="/faq"]{display:none;}


#smilies-categ p {margin: 0px; background: #fff;}
.smiley-element {padding-top: 5px;}
.smiley-element img {margin: 5px;}
#smilies-categ, .smiley-element {background: #fff;}

/* Category Togglie
--------------------------------------------- */
.expand, .contract {position: absolute; top: 6px; right: 10px; cursor: pointer; width: 9px; height: 9px; background: url(http://illiweb.com/fa/m/tabs_more1.gif);}
.contract {background: url(http://illiweb.com/fa/m/tabs_less1.gif);}

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Re: firefox background problem

Post by runawayhorses on June 5th 2012, 3:26 pm

Well first of all you don't need to add any code to add or change the background. You can do that in AP>>Display>>Pic Management>>Advanced Mode>>

On that page you will see a place to add your background. Add it there and don't tick the box that says "Fixed".

Do that and remove the background URL from the code you added.

That is my suggestion and what I would do. You can try it or wait for someone else to give advice. But if you do it copy your settings in your CSS stylesheet so you can add the code back as it was if you want. Do that to be on the safe side, however, I don't think you need any background code.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Re: firefox background problem

Post by S-t-e-v-e- on June 5th 2012, 3:44 pm

@runawayhorses wrote:Well first of all you don't need to add any code to add or change the background. You can do that in AP>>Display>>Pic Management>>Advanced Mode>>

On that page you will see a place to add your background. Add it there and don't tick the box that says "Fixed".

Do that and remove the background URL from the code you added.

That is my suggestion and what I would do. You can try it or wait for someone else to give advice. But if you do it copy your settings in your CSS stylesheet so you can add the code back as it was if you want. Do that to be on the safe side, however, I don't think you need any background code.

none of my code has anything to do with the main background image, the background image you see are different part of the forum Wink i know abit of css code i build my own website

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Re: firefox background problem

Post by runawayhorses on June 5th 2012, 3:47 pm

Ok, I didn't look your coding over because I know already you don't need to add a code to add a background image.

You posted the code to see if someone noticed anything that could be causing your problem, good idea.


runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Re: firefox background problem

Post by S-t-e-v-e- on June 5th 2012, 3:51 pm

i just look at forumotion i'm not sure if this is it or not

Code:
.body {
height: auto;
}

should be 100% instead of auto?

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Re: firefox background problem

Post by LGforum on June 5th 2012, 4:01 pm

If you stick your current background image on the first div of body and not actually on body it should continue all the way down.

Anyway the first div is '#conteneur_minwidth_IE' I think on all forum types.

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: firefox background problem

Post by S-t-e-v-e- on June 5th 2012, 4:17 pm

like this?

Code:
div.body {
background-image: url("http://i299.photobucket.com/albums/mm319/staffy-bull-terrier/backkk9.gif");
background-repeat:repeat-y;
}

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Re: firefox background problem

Post by LGforum on June 5th 2012, 4:31 pm

No this:
Code:

#conteneur_minwidth_IE {
  background-image: url("http://i299.photobucket.com/albums/mm319/staffy-bull-terrier/backkk9.gif");
background-repeat: repeat;
}

And remove the declaration from body.

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: firefox background problem

Post by S-t-e-v-e- on June 5th 2012, 4:45 pm

how do i remove it from the body?

like this?

Code:
body {
   font-family: Verdana,Arial,Helvetica,sans-serif;
   color: #536482;
   background-color: none;
   background-image: none;
   background-attachment: none;
   font-size: 10px;
   height: auto;
   padding: 10px 0px;
   }

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Re: firefox background problem

Post by LGforum on June 5th 2012, 4:59 pm

Well presumably you added it in the admin panel. In Display > Pics Management. So you'd just remove it from there.

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: firefox background problem

Post by S-t-e-v-e- on June 5th 2012, 5:05 pm

nothing is there now Confused

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Re: firefox background problem

Post by S-t-e-v-e- on June 5th 2012, 7:39 pm

can this get reported to the tech please there something wrong..

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Re: firefox background problem

Post by S-t-e-v-e- on June 5th 2012, 7:49 pm

well LGforum prolly one of the best css coders on here and his fixer didn't work if you know something else that may help let me know.

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Re: firefox background problem

Post by S-t-e-v-e- on June 5th 2012, 7:58 pm

yea that works but i really want the background to move with the forums.

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Re: firefox background problem

Post by S-t-e-v-e- on June 5th 2012, 8:17 pm

that does work but it image are to big it look weird blackeye

do you know anything that will fix this problem

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Re: firefox background problem

Post by S-t-e-v-e- on June 5th 2012, 10:01 pm

https://bugzilla.mozilla.org/show_bug.cgi?id=671302

sorry for double posting again look like it's a firefox problem and they had for over a year now Evil or Very Mad

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Re: firefox background problem

Post by LGforum on June 5th 2012, 10:04 pm

The CSS I gave you I put on your board in the dev tools and it worked fine.
You'd have to remove it from the body first.

Anyway, moving on to Rideems solution, you can add a background-size property, to make it the right size.

Also, how many posts do you have per page, it takes a while to load sometimes, I'd recommend reducing it. Not to mention it will cut the page size down too and so solve your issue in 99% of cases.

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: firefox background problem

Post by runawayhorses on June 5th 2012, 10:35 pm

I counted about 23 posts which isn't too bad. I think why his loads so slow is because of all the pictures he has in one post. They are rather large pics and is why the thread is so long. Its ridiculous to have that many pictures in one post let alone in one topic thread. So you're right reducing the length would solve a lot of problems including load time. I have never seen a topic thread that long before.

He posted a link about a firefox bug that suggests firefox has a problem loading backgrounds past a certain length, which I have never heard of before or seen, probably because I have never been on a page that long before. If its real or not I have no idea.

I think a fixed background is the way to go, there would be no issues of background length.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Re: firefox background problem

Post by S-t-e-v-e- on June 5th 2012, 10:44 pm

@runawayhorses wrote:I counted about 23 posts which isn't too bad. I think why his loads so slow is because of all the pictures he has in one post. They are rather large pics and is why the thread is so long. Its ridiculous to have that many pictures in one post let alone in one topic thread. So you're right reducing the length would solve a lot of problems including load time. I have never seen a topic thread that long before.

blackeye why is it ridiculour blackeye it's better posting them in one post then have 24 post with 1 image in them... the forum this is in is for photos i'm not going place a limit on photos that can post becasue i would spend all my time enforcing it. i dont have a problem page loading up.

@runawayhorses wrote:He posted a link about a firefox bug that suggests firefox has a problem loading backgrounds past a certain length, which I have never heard of before or seen, probably because I have never been on a page that long before. If its real or not I have no idea.

I think a fixed background is the way to go, there would be no issues of background length.

i went on the firefox forum and they post the bug so after i have decide to move back to google.

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Re: firefox background problem

Post by LGforum on June 5th 2012, 10:51 pm

Lol worked when I did it. Weird.

Why not set a max-height on the images with css, that will keep the height of the page down.
Code:

.post .content img {
    max-height: 450px;
}

It wouldn't cause any stretching, and would still keep them at an alright size to see em.

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: firefox background problem

Post by runawayhorses on June 5th 2012, 11:13 pm

@S-t-e-v-e- wrote:why is it ridiculour blackeye it's better posting them in one post then have 24 post with 1 image in them... the forum this is in is for photos i'm not going place a limit on photos that can post becasue i would spend all my time enforcing it. i dont have a problem page loading up.
I don't think its better at all. Simply ask your members to create a new topic for each picture that they post is a more professional approach in my opinion, same for videos.

The reason it loads fast to you is because the pictures are already loaded in your computers cache. When your computer knows its a big load it will in many cases use a cached page instead.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Re: firefox background problem

Post by S-t-e-v-e- on June 5th 2012, 11:34 pm

@runawayhorses wrote:
@S-t-e-v-e- wrote:why is it ridiculour blackeye it's better posting them in one post then have 24 post with 1 image in them... the forum this is in is for photos i'm not going place a limit on photos that can post becasue i would spend all my time enforcing it. i dont have a problem page loading up.
I don;t think its better at all. Simply ask your members to create a new topic for each picture that they post is a more professional approach in my opinion, same for videos.

The reason it loads fast to you is because the pictures are already loaded in your computers cache. When your computer knows its a big load it will in many cases use a cached page instead.

Shocked a new topic for just one photos Shocked that would be crazy the amount of new topic one person would do oh my forum would be crazy, i have been on slower net then me the load up spend it's not that bad ... if taking more then a min to load i would do something about....

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Re: firefox background problem

Post by runawayhorses on June 5th 2012, 11:48 pm

Why do you think thumbnail galleries are created? Each picture is on a single page for many reasons, one of which is for loading purposes.. For forums this same idea of 1 picture per-page is a rational alternative to having actual thumbnails. Of course its your forum you do with it as you want. But on my forum the members create new topics for each picture and for each video they post. Its just reasonable to do so. No one has a problem with at all, it just comes natural, the only time they would have a problem is if someone posted 15 or 20 pics in a single post, which is ludicrous.

This is going off topic a little so I will refrain from further comment.. Smile

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Page 1 of 2 1, 2  Next

View previous topic View next topic Back to top


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