July 4, 201115 yr my site in firefox looks like this http://imageshack.us/photo/my-images/641/firefoxkk.png/ but in safari and chrome it looks like this http://imageshack.us/photo/my-images/594/safariz.png/ i dont know what is happening
July 4, 201115 yr Whats the difference, I just opened your page in both cant see any I presume the OP is referring to the BG. In one there is a blotchy light coloured BG, in the other it appears to be a plain BG. As I can only see a screenshot rather than the code I cannot instantly recognise the issue but I suspect that you are using an invalid method of calling a background image. Either share the code or run it through the W3C validator.
July 4, 201115 yr I presume the OP is referring to the BG. In one there is a blotchy light coloured BG, in the other it appears to be a plain BG. As I can only see a screenshot rather than the code I cannot instantly recognise the issue but I suspect that you are using an invalid method of calling a background image. Either share the code or run it through the W3C validator. I opened his page http://davidcook.me/ couldn't see any differences preesume he's fixed it
July 4, 201115 yr Looks fine to me. One thing though... ...make the logo letter pressed as at present its the only text that is not. Edit - use the default theme css that comes with the nivo slider. It will help pop it out more Edited July 4, 201115 yr by idny99
July 5, 201115 yr Author No I have not sorted, on my firefox it opens up as it should but on chrome and safari it opens up different, but shows the correct background in top corner only by the looks of it for safari it only showing the correct code in a 90x90 section in left corner and not full screen
July 5, 201115 yr I opened his page http://davidcook.me/ couldn't see any differences preesume he's fixed it In the screenshots provided the address bar references a local source. Can the OP confirm if the davidcook.me URL is pointing to his own localy hosted server or if the screenshots are an unrelated locally hosted version of the site?
July 5, 201115 yr Author its the same regardless of it you go locally or through the url, what it does on safari locally and url is the same, same on firefox
July 5, 201115 yr I've treid this in FF safari & chrome I can't see any difference what os are you on
July 5, 201115 yr run both the html and the css through the validator, also, make sure you aren't stretching your bg image, as the blotchy one looks like a nosiy bg, then stretched
July 6, 201115 yr I can see a difference in the background, one is a fine grain and the other is dodgy.
July 6, 201115 yr Can you post your CSS? What was it like working for Pixar? This is his CSS below, or rather the relevant part of it, the rest can be found here... html {color:#615d5b;font-family:Georgia, 'Times New Roman', Times;font-size:13px;text-shadow: 1px 1px 0px rgba(255,255,255,1); background: url(../image/tile.jpg) repeat 0 0; background-size: 100%; } body {background: url(../image/tile.jpg) no-repeat; overflow-x:hidden;} .wrapper {width:960px;margin:auto;}
July 6, 201115 yr You're calling "tile.jpg" twice, once in the html and once in the body. You're also tellinh the body one not to repeat. Why?
July 6, 201115 yr Ok it's quite simple. background: url(../image/tile.jpg) repeat 0 0; background-size: 100%; is being applied to the html tag. On chrome that is making the small image the full size of the screen. Firefox is ignoring the "background-size 100%" Any way clear the css from "html{ " And tell "body {" to repeat. background: url("../image/tile.jpg") repeat ;
Create an account or sign in to comment