a_mckenzie93 — 2012-08-27T05:25:28-04:00 — #1
Hey people having a little issue with my website. I appear to have an issue on the divs which store my background images for my website, if you look down the body edges of the websites you will see they stick out at points, yet if you look at the source code and css you will see its all restricted to 1017px so i cannot understand why its doing this. can anyone shine a light on this as i have been up all night staring at this and Havant yet slept.
Thanks for your time
markbrown4 — 2012-08-27T07:59:42-04:00 — #2
the black pixels on the edges are part of your background images.
All you need to do is have one wrapper div with the fixed width.
All other sections within that will be 100% wide and fit perfectly.
a_mckenzie93 — 2012-08-27T08:07:25-04:00 — #3
Thank you for your reply Mark, However i did try this and did not fix the issue. any other ideas ?
paulob — 2012-08-27T08:22:27-04:00 — #4
As mark said above this image is 11017px wide but it has black lines part way down each side making the gray center part 2px smaller than the top section which has no black line. Remove the black lines from your image and the problem should go away. You can easily check this by simply removing the reference to the image in Firebug.
However you would seldom want a background image created like that because it dos not allow for resize and fluid content. Why not just use a background colour and css borders as you don't have a gradient effect going on in that section anyway?
a_mckenzie93 — 2012-08-28T00:26:36-04:00 — #5
Thank you both of you for your comments, having looked back at the forums after sleeping i agree with you and have sorted it out now. i dont quiet know what i was thinking when i 1st read the replys, i blame the lack of sleep i had that night. thank you again for you help!
a_mckenzie93 — 2012-08-28T03:40:09-04:00 — #6
Ok another problem has arizon and i dont understand why. Down at the 'Portfolio Update' you will see what i mean on the heading, yet its in a drawn ap div and within that div there is the picture and it has repeat turned off.
any ideas why ?
ralphm — 2012-08-28T06:29:51-04:00 — #7
I can't see any problem there in Chrome. Can you re-word the issue, or post a screen shot of what's wrong? What browser are you using?
a_mckenzie93 — 2012-08-29T02:20:08-04:00 — #8
Hey ralph i managed to sore the issue out by deleting all old files in my ftp and putting it all back in again, was just a glitch that was occurring.
ralphm — 2012-08-29T19:50:40-04:00 — #9
Cool. Glad you go it sorted.