Re: [WSG] Background on body not aligning with tiled background on wrapper DIV
can we see an example? Paul Collins wrote: Hi all, I've seen this problem before, but can't remember how I solved it. Basically, I have put a centred background that repeats vertically on the body of my page using CSS. The main wrapper div is also centred and has a background sits on top of the Body one, but is only a fixed height Basically, they need to match up where they meet, which is working fine in Firefox, Safari, Opera, etc. The only place it's having an issue is IE6 7. I know what the problem is; the background is centred and the width of your browser can be an odd or even number, so it can't sit dead centre all the time. If I drag the browser in to resize it, the backgrounds keep matching up then falling out of place. I have solved this before without adding an extra div for the body background, but I just can't remember how I did it. Does anyone have an idea? Thanks Paul *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Background on body not aligning with tiled background on wrapper DIV
Thanks for your reply Adam. I can't really put what's I have now due to copyright restrictions, or I would have. I was hoping someone had encountered this before and would know the answer. I'll have to try and set up a dummy page later today when I have more time. Thanks Paul 2008/5/15 Adam Martin [EMAIL PROTECTED]: can we see an example? Paul Collins wrote: Hi all, I've seen this problem before, but can't remember how I solved it. Basically, I have put a centred background that repeats vertically on the body of my page using CSS. The main wrapper div is also centred and has a background sits on top of the Body one, but is only a fixed height Basically, they need to match up where they meet, which is working fine in Firefox, Safari, Opera, etc. The only place it's having an issue is IE6 7. I know what the problem is; the background is centred and the width of your browser can be an odd or even number, so it can't sit dead centre all the time. If I drag the browser in to resize it, the backgrounds keep matching up then falling out of place. I have solved this before without adding an extra div for the body background, but I just can't remember how I did it. Does anyone have an idea? Thanks Paul *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Background on body not aligning with tiled background on wrapper DIV
Hi all, I've seen this problem before, but can't remember how I solved it. Basically, I have put a centred background that repeats vertically on the body of my page using CSS. The main wrapper div is also centred and has a background sits on top of the Body one, but is only a fixed height Basically, they need to match up where they meet, which is working fine in Firefox, Safari, Opera, etc. The only place it's having an issue is IE6 7. I know what the problem is; the background is centred and the width of your browser can be an odd or even number, so it can't sit dead centre all the time. If I drag the browser in to resize it, the backgrounds keep matching up then falling out of place. I have solved this before without adding an extra div for the body background, but I just can't remember how I did it. Does anyone have an idea? Thanks Paul *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Background on body not aligning with tiled background on wrapper DIV
Hi all, I've managed to put a page together. If you look at the green area in Firefox and IE you will notice a small gap at the right of the green area in IE. If you try to resize the browser by dragging it, you will notice the gap keeps closing then appearing. It's to do with the odd and even number of pixels on the window size when you have a centred background. Anyway, here is the test URL, anyone got an idea of how to solve this without an extra DIV?! http://paulcollinslondon.com/test/ Cheers Paul 2008/5/15 Paul Collins [EMAIL PROTECTED]: Thanks for your reply Adam. I can't really put what's I have now due to copyright restrictions, or I would have. I was hoping someone had encountered this before and would know the answer. I'll have to try and set up a dummy page later today when I have more time. Thanks Paul 2008/5/15 Adam Martin [EMAIL PROTECTED]: can we see an example? Paul Collins wrote: Hi all, I've seen this problem before, but can't remember how I solved it. Basically, I have put a centred background that repeats vertically on the body of my page using CSS. The main wrapper div is also centred and has a background sits on top of the Body one, but is only a fixed height Basically, they need to match up where they meet, which is working fine in Firefox, Safari, Opera, etc. The only place it's having an issue is IE6 7. I know what the problem is; the background is centred and the width of your browser can be an odd or even number, so it can't sit dead centre all the time. If I drag the browser in to resize it, the backgrounds keep matching up then falling out of place. I have solved this before without adding an extra div for the body background, but I just can't remember how I did it. Does anyone have an idea? Thanks Paul *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Background on body not aligning with tiled background on wrapper DIV
Does overflow: hidden on the containing div and making the green bar wider help? On Thu, May 15, 2008 at 7:23 PM, Paul Collins [EMAIL PROTECTED] wrote: Hi all, I've managed to put a page together. If you look at the green area in Firefox and IE you will notice a small gap at the right of the green area in IE. If you try to resize the browser by dragging it, you will notice the gap keeps closing then appearing. It's to do with the odd and even number of pixels on the window size when you have a centred background. Anyway, here is the test URL, anyone got an idea of how to solve this without an extra DIV?! http://paulcollinslondon.com/test/ Cheers Paul 2008/5/15 Paul Collins [EMAIL PROTECTED]: Thanks for your reply Adam. I can't really put what's I have now due to copyright restrictions, or I would have. I was hoping someone had encountered this before and would know the answer. I'll have to try and set up a dummy page later today when I have more time. Thanks Paul 2008/5/15 Adam Martin [EMAIL PROTECTED]: can we see an example? Paul Collins wrote: Hi all, I've seen this problem before, but can't remember how I solved it. Basically, I have put a centred background that repeats vertically on the body of my page using CSS. The main wrapper div is also centred and has a background sits on top of the Body one, but is only a fixed height Basically, they need to match up where they meet, which is working fine in Firefox, Safari, Opera, etc. The only place it's having an issue is IE6 7. I know what the problem is; the background is centred and the width of your browser can be an odd or even number, so it can't sit dead centre all the time. If I drag the browser in to resize it, the backgrounds keep matching up then falling out of place. I have solved this before without adding an extra div for the body background, but I just can't remember how I did it. Does anyone have an idea? Thanks Paul *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Background on body not aligning with tiled background on wrapper DIV
A good idea Matijs, but doesn't seem to work. Thanks for taking a look anyway. 2008/5/15 Matijs [EMAIL PROTECTED]: Does overflow: hidden on the containing div and making the green bar wider help? On Thu, May 15, 2008 at 7:23 PM, Paul Collins [EMAIL PROTECTED] wrote: Hi all, I've managed to put a page together. If you look at the green area in Firefox and IE you will notice a small gap at the right of the green area in IE. If you try to resize the browser by dragging it, you will notice the gap keeps closing then appearing. It's to do with the odd and even number of pixels on the window size when you have a centred background. Anyway, here is the test URL, anyone got an idea of how to solve this without an extra DIV?! http://paulcollinslondon.com/test/ Cheers Paul 2008/5/15 Paul Collins [EMAIL PROTECTED]: Thanks for your reply Adam. I can't really put what's I have now due to copyright restrictions, or I would have. I was hoping someone had encountered this before and would know the answer. I'll have to try and set up a dummy page later today when I have more time. Thanks Paul 2008/5/15 Adam Martin [EMAIL PROTECTED]: can we see an example? Paul Collins wrote: Hi all, I've seen this problem before, but can't remember how I solved it. Basically, I have put a centred background that repeats vertically on the body of my page using CSS. The main wrapper div is also centred and has a background sits on top of the Body one, but is only a fixed height Basically, they need to match up where they meet, which is working fine in Firefox, Safari, Opera, etc. The only place it's having an issue is IE6 7. I know what the problem is; the background is centred and the width of your browser can be an odd or even number, so it can't sit dead centre all the time. If I drag the browser in to resize it, the backgrounds keep matching up then falling out of place. I have solved this before without adding an extra div for the body background, but I just can't remember how I did it. Does anyone have an idea? Thanks Paul *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Background on body not aligning with tiled background on wrapper DIV
Paul, Try making your width on ul#footer 934px (960-15-11); reason being you need to subtract the left and right padding amount from the overall width since padding affects the width of the box. I noticed in firebug that the UL width was way wider than the wrapper whose width was 960px. Best Regards, Nate Hanna On Thu, May 15, 2008 at 7:30 PM, Paul Collins [EMAIL PROTECTED] wrote: A good idea Matijs, but doesn't seem to work. Thanks for taking a look anyway. 2008/5/15 Matijs [EMAIL PROTECTED]: Does overflow: hidden on the containing div and making the green bar wider help? On Thu, May 15, 2008 at 7:23 PM, Paul Collins [EMAIL PROTECTED] wrote: Hi all, I've managed to put a page together. If you look at the green area in Firefox and IE you will notice a small gap at the right of the green area in IE. If you try to resize the browser by dragging it, you will notice the gap keeps closing then appearing. It's to do with the odd and even number of pixels on the window size when you have a centred background. Anyway, here is the test URL, anyone got an idea of how to solve this without an extra DIV?! http://paulcollinslondon.com/test/ Cheers Paul 2008/5/15 Paul Collins [EMAIL PROTECTED]: Thanks for your reply Adam. I can't really put what's I have now due to copyright restrictions, or I would have. I was hoping someone had encountered this before and would know the answer. I'll have to try and set up a dummy page later today when I have more time. Thanks Paul 2008/5/15 Adam Martin [EMAIL PROTECTED]: can we see an example? Paul Collins wrote: Hi all, I've seen this problem before, but can't remember how I solved it. Basically, I have put a centred background that repeats vertically on the body of my page using CSS. The main wrapper div is also centred and has a background sits on top of the Body one, but is only a fixed height Basically, they need to match up where they meet, which is working fine in Firefox, Safari, Opera, etc. The only place it's having an issue is IE6 7. I know what the problem is; the background is centred and the width of your browser can be an odd or even number, so it can't sit dead centre all the time. If I drag the browser in to resize it, the backgrounds keep matching up then falling out of place. I have solved this before without adding an extra div for the body background, but I just can't remember how I did it. Does anyone have an idea? Thanks Paul *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
