 | |
4 Murray 2 (how to center bg img)
Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)
 |
| | Thread Tools | Display Modes |
#1
 
| |||
| |||
|
4 Murray 2 (how to center bg img) -
07-04-2004
, 06:08 AM
#2
| |||
| |||
|
|
Maybe my previous message is too difficult to find About centering in the browser page a background image avoiding the IE5/Mac issues you told me: Have you tried the same thing with two divisions (both centering) - one containing the image, and the other containing the text and at a higher z-index? Sorry if I disturb you again, but would you please explain me better? Only if this doesn't take too much time? Thx anyway, your suggestions are always precious ;-) |
#3
| |||
| |||
|
|
Maybe my previous message is too difficult to find About centering in the browser page a background image avoiding the IE5/Mac issues you told me: Have you tried the same thing with two divisions (both centering) - one containing the image, and the other containing the text and at a higher z-index? Sorry if I disturb you again, but would you please explain me better? Only if this doesn't take too much time? Thx anyway, your suggestions are always precious ;-) |
#4
| |||
| |||
|
|
Any reason why you are not just putting the background image in the content <div> ? #content { background-image: url(immag.jpg); background-repeat: no-repeat; background-position: center center; padding-top: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #990000; width: 80%; margin-right: auto; margin-left: auto; text-align: justify; } judas2 wrote: Maybe my previous message is too difficult to find About centering in the browser page a background image avoiding the IE5/Mac issues you told me: Have you tried the same thing with two divisions (both centering) - one containing the image, and the other containing the text and at a higher z-index? Sorry if I disturb you again, but would you please explain me better? Only if this doesn't take too much time? Thx anyway, your suggestions are always precious ;-) |
#5
| |||
| |||
|
|
Because I did not want to use background positioning with it. |
Murray, I was asking Judas.
Your solution wont work, I dont think.
I've put background images, centered in a <div> before and dont seen to
remember any problems.
I'am going away to test it out.
#6
| |||
| |||
|
|
Murray *TMM* wrote: Because I did not want to use background positioning with it. Murray, I was asking Judas. Your solution wont work, I dont think. I've put background images, centered in a <div> before and dont seen to remember any problems. I'am going away to test it out. |
#7
| |||
| |||
|
|
When you browse to judas' page in IE5/Mac and scroll the page, you will see the anomaly in the background image. I think this is the same anomaly you see when you have a fixed background image and scroll in the Mac. I was trying to avoid using a positioned background by using a positioned division instead, but since I am not at the Mac just now I can't test it.... http://spamo.spymac.net/bg/img_bg_center.htm the image displays incorrectly only when I scroll with IE Mac. That's why I used <body bgproperties="fixed" |
Yup, I tracked that post down previously and tested it in IE5 to see the
results. As you say the image gets very funky when scrolling the page.
I was really asking why the bg image needed to be on the <body> tag and
not part of the content <div>. Maybe there was a specific reason which I
havent found yet come across in the three or four thread which were
going on.
I've just moved the css for the image into the content <div> and
everything scrolls perfectly on the Mac in IE5.
I also tested your solution but it doesnt work. The text gets pushed
down below the image, which stays at the to of the 'wrapper" <div>
#8
| |||
| |||
|
|
Murray *TMM* wrote: When you browse to judas' page in IE5/Mac and scroll the page, you will see the anomaly in the background image. I think this is the same anomaly you see when you have a fixed background image and scroll in the Mac. I was trying to avoid using a positioned background by using a positioned division instead, but since I am not at the Mac just now I can't test it.... http://spamo.spymac.net/bg/img_bg_center.htm the image displays incorrectly only when I scroll with IE Mac. That's why I used <body bgproperties="fixed" Yup, I tracked that post down previously and tested it in IE5 to see the results. As you say the image gets very funky when scrolling the page. I was really asking why the bg image needed to be on the <body> tag and not part of the content <div>. Maybe there was a specific reason which I havent found yet come across in the three or four thread which were going on. I've just moved the css for the image into the content <div> and everything scrolls perfectly on the Mac in IE5. I also tested your solution but it doesnt work. The text gets pushed down below the image, which stays at the to of the 'wrapper" <div |
#9
| |||
| |||
|
|
Osgood: I should have made the inner div absolutely positioned. It will work then. |
it closer but the 50% thing is random x-brower. Its not really 50% of
anything as far as I can tell.
Plus im not sure if specifying minus layers are a good thing?
#bkgdiv {
width:352px;
height:288px;
background-image: url(bgimage.jpg);
background-repeat: no-repeat;
position: absolute;
margin-top:50%;
margin-left:25%;
z-index:-10;
}
#10
| |||
| |||
|
|
Murray *TMM* wrote: Osgood: I should have made the inner div absolutely positioned. It will work then. I realised that and tested that as well, it still didnt work. This got it closer but the 50% thing is random x-brower. Its not really 50% of anything as far as I can tell. Plus im not sure if specifying minus layers are a good thing? #bkgdiv { width:352px; height:288px; background-image: url(bgimage.jpg); background-repeat: no-repeat; position: absolute; margin-top:50%; margin-left:25%; z-index:-10; } |
|
« Previous Thread
|
Next Thread »
| Thread Tools | |
| Display Modes | |
Linear Mode
| |
Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.