Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

can anyone tell me why...

Featured Replies

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.

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

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 by idny99

  • 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

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?

  • 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

Can you post your CSS?

 

What was it like working for Pixar?

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

I can see a difference in the background, one is a fine grain and the other is dodgy.

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;}

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?

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

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.