vb.org Archive - No repeat Background

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB3 General Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=111)

- - No repeat Background (https://vborg.vbsupport.ru/showthread.php?t=92801)

Corriewf

07-24-2005 05:54 PM

No repeat Background

I have tried several different ways of doing this and none will work in IE.
Right now I have this on the end of my page background url " no-repeat fixed".

I know that http://forum.yaxay.com/ has thiers working in IE and FF, but when I try their format for no repeat and fixed, it still doesnt work....

Does anyone know of one that works?

Guest190829

07-24-2005 06:00 PM

Code:

body

{

   background: url(urltoimage) fixed no-repeat;

}

should work...

Corriewf

07-25-2005 02:03 AM

This is the page background. Where do you suggest that I put that? Shoul I remove the primary line and use that whole code in the extra attributes or .....?

The reason I ask is that I beleive I have tried that code in a couple of instances.
This is what I have in the all style vars under the page background section:

PHP Code:


		
			
url('http://saltcreep.com/forums/surge/barrierbackground1.jpg')no-repeat fixed

This is what it looks like on the page source:

PHP Code:


		
			
.page

{

    background: url('http://saltcreep.com/forums/surge/barrierbackground1.jpg')no-repeat fixed;

    color: #F9F9F9;

}

Guest190829

07-25-2005 02:12 AM

well you could use inline css so the style only affects that tag on whatever page.

Corriewf

07-25-2005 02:49 AM

What did you say?

Guest190829

07-25-2005 03:00 AM

[high]* Guest190829 is confused as too what you really want. :([/high]

Logikos

07-25-2005 03:10 AM

Quote:

Originally Posted by corriewf

Admin Control Panel => Style Manager => All Style Options => Body Table => Extra CSS Attributes
Place this in there and edited the path to your image,

HTML Code:

background-image: url(path/to/picture.gif); background-attachment: fixed; background-position: topleft; background-repeat: no-repeat;

This should work on all current browsers.

Corriewf

07-25-2005 04:06 AM

Ok, when I try that in the page background ( which is what im shooting for), it works in FF, but in IE it just shows the image and it isnt fixed. When I try it in the body it doesnt show period.

I am pretty sure that, that is the right code though......

Check out the style im working with:

http://www.saltcreep.com/forums/?styleid=10

I also want to mention that the image is bordered by this code in the header:

PHP Code:


		
			
<!-- begin main inner table area-->

<table border="0" width="100%" cellpadding="10" cellspacing="0" 

bgcolor="#1D2647">

<tr><td>

<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#1D2647">

 

<!-- content table -->

<table bgcolor="#1D2647" width="100%" cellpadding="0" cellspacing="0" border="0">

<tr>

  <td>

Logikos

07-25-2005 04:28 AM

Hmmm, strang that it would do that. Give me a few mins to test what your doing on my server and i'll see what I come up with.

Corriewf

07-25-2005 04:39 AM

Quote:

Originally Posted by Live Wire

Hmmm, strang that it would do that. Give me a few mins to test what your doing on my server and i'll see what I come up with.

If you want I can give you admin rights to my board to test out some stuff instead of trying to emulate on yours. I trust you. :)

Logikos

07-25-2005 04:49 AM

Theres no need for that. For some reason the code I posted above only works in the body tag. I'll find a fix for this.

Corriewf

07-25-2005 04:53 AM

Ok, thanks for your help as I am sure there are others out there that have been looking for this.... Please ignore my pm btw.

Thanks for your help. :)

Logikos

07-25-2005 04:58 AM

Okay, after searching a few sites I keep coming across this statement.

Quote:

I've come accross this bug before on background images in IE6. It is not a css bug, but a browser rendering bug in IE.

I've yet to find a workaround for it, but maybe some others here will have some ideas!

Corriewf

07-25-2005 05:04 AM

Quote:

Originally Posted by Live Wire

Okay, after searching a few sites I keep coming across this statement.

Well, the code you gave before, have you implemented it yourself and had it work?

The reason I ask is that its wierd that the boards whom I linked in my first post is working fine in IE, which leaves me to believe that theres a variable on my board thats conflicting.

Logikos

07-25-2005 05:12 AM

What your trying to do is this. The body tag has a repeated background image. The page tag has a fixed background image. IE6 does not consider the page tag as a fixed image because its not in the body tag. That's a bug in IE6.

If you we're to visversa it, then it would work. Example: Place the fixed background in the body tag, and place the repeated background in the page tag and it will work.

Corriewf

07-25-2005 05:35 AM

So would I just reverse where the code for those functions go, but keep the background url image in the page section?

Well when I take this code out of the header:

PHP Code:


		
			
<table border="0" width="100%" cellpadding="10" cellspacing="0" 

bgcolor="#1D2647">

<tr><td>

<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#1D2647">

 

<!-- content table -->

<table bgcolor="#1D2647" width="100%" cellpadding="0" cellspacing="0" border="0">

<tr>

  <td>

Then put this code in the background css it works:

PHP Code:


		
			
url('http://saltcreep.com/forums/surge/barrierbackground1.jpg')no-repeat fixed

If I leave the code in the header and try putting the code in the background css then the header code overrides the css and the image is not shown in the background. I think this must be because IE reads the code from top down...

Logikos

07-25-2005 05:46 AM

It works because its in the body tag. Before you had it in the page tag.

Corriewf

07-25-2005 05:50 AM

Quote:

Originally Posted by Live Wire

It works because its in the body tag. Before you had it in the page tag.

Yes, I knew it would work in the body tag before however I would have to compromise this code in my header to do it:

PHP Code:


		
			
<table border="0" width="100%" cellpadding="10" cellspacing="0" 

bgcolor="#1D2647">

<tr><td>

<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#1D2647">

 

<!-- content table -->

<table bgcolor="#1D2647" width="100%" cellpadding="0" cellspacing="0" border="0">

<tr>

  <td>

The above code overides any css code for the background/body because IE reads from top to bottom. :(

Not to be redundant but please tell me if it is working for you all in your IE browsers?

http://www.saltcreep.com/forums/

All times are GMT. The time now is 04:41 PM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01307 seconds Memory Usage 1,780KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_code_printable (1)bbcode_html_printable (6)bbcode_php_printable (5)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (18)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: