The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> HTML issue with web pages only shows up in Safari
Chantal
post Apr 27 2012, 08:20 PM
Post #1





Group: Members
Posts: 6
Joined: 27-April 12
Member No.: 17,001



Hello! I am new to the group and very happy to have found you! I have used this forum for reference on other issues but I seem to need to come out of lurking mode for help on this one!!

I designed a site for a friend:

http://www.demfamilyarts.com/devzone/calendar.htm

This works fine in Firefox, Chrome and even IE (!!) but I hit a snag in Safari... for some reason my background image will not extend to the length of the page, it shows at the top but stops and gives me this big ugly white background instead.

Can you tell me what I am doing wrong? Anyone else had this problem before?

Thanks a bunch!
Chantal
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Apr 28 2012, 12:27 AM
Post #2


WDG Member
********

Group: Root Admin
Posts: 8,017
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



In what version of Safari? I didn't notice anything obviously different in Firefox, Chrome, Safari, or Opera (on MacOS).

The online tools do report markup and CSS errors though:
http://validator.w3.org/check?uri=http%3A%...ine&group=0
http://jigsaw.w3.org/css-validator/validat...ng=&lang=en


--------------------
Darin McGrew
WDG Member since 1998
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Apr 28 2012, 01:54 AM
Post #3


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 15,549
Joined: 9-August 06
Member No.: 6



It looks the same in all browsers I tried also, the background doesn't go all the way down. That's because the image isn't higher than that and you have stopped it from tiling vertically.

CODE
body {
    margin: 0;
    padding: 0;
    background: url(../images/box/bg2.png) repeat-x fixed;
    font-family: Arial, Helvetica, sans-serif;
}


--------------------
"Never go to excess, but let moderation be your guide."
- Cicero

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Chantal
post Apr 29 2012, 08:09 AM
Post #4





Group: Members
Posts: 6
Joined: 27-April 12
Member No.: 17,001



The latest installed with new tech, 5.1.4 Others with older Macs do not have the same problem, it only showed up with people who have iPad 3 and iMac...

Weird!!

Thanks for the links, I'll fix up those errors!!

QUOTE(Chantal @ Apr 27 2012, 09:20 PM) *

Hello! I am new to the group and very happy to have found you! I have used this forum for reference on other issues but I seem to need to come out of lurking mode for help on this one!!

I designed a site for a friend:

http://www.demfamilyarts.com/devzone/calendar.htm

This works fine in Firefox, Chrome and even IE (!!) but I hit a snag in Safari... for some reason my background image will not extend to the length of the page, it shows at the top but stops and gives me this big ugly white background instead.

Can you tell me what I am doing wrong? Anyone else had this problem before?

Thanks a bunch!
Chantal

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Chantal
post Apr 29 2012, 08:23 AM
Post #5





Group: Members
Posts: 6
Joined: 27-April 12
Member No.: 17,001



I fixed it for now by making the background picture longer (1600px). If you have another trick for fixing it, let me know! I tried removing the "fixed" but it did not help with Safari.

Thanks!

QUOTE(pandy @ Apr 28 2012, 02:54 AM) *

It looks the same in all browsers I tried also, the background doesn't go all the way down. That's because the image isn't higher than that and you have stopped it from tiling vertically.

CODE
body {
    margin: 0;
    padding: 0;
    background: url(../images/box/bg2.png) repeat-x fixed;
    font-family: Arial, Helvetica, sans-serif;
}


User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Apr 29 2012, 10:12 AM
Post #6


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 15,549
Joined: 9-August 06
Member No.: 6



It's 'repeat-x 'that makes it tile only in one direction.


--------------------
"Never go to excess, but let moderation be your guide."
- Cicero

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Chantal
post Apr 29 2012, 03:46 PM
Post #7





Group: Members
Posts: 6
Joined: 27-April 12
Member No.: 17,001



oh wow!! OK, I should have known this... Thanks for your help!

QUOTE(pandy @ Apr 29 2012, 11:12 AM) *

It's 'repeat-x 'that makes it tile only in one direction.

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Apr 29 2012, 04:52 PM
Post #8


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 15,549
Joined: 9-August 06
Member No.: 6



Well, don't use things you don't know what they do... And you're welcome. wink.gif


--------------------
"Never go to excess, but let moderation be your guide."
- Cicero

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Chantal
post Apr 30 2012, 07:50 PM
Post #9





Group: Members
Posts: 6
Joined: 27-April 12
Member No.: 17,001



ohhh what fun is that?!?! tongue.gif

Thanks!! biggrin.gif

QUOTE(pandy @ Apr 29 2012, 05:52 PM) *

Well, don't use things you don't know what they do... And you're welcome. wink.gif

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 22nd October 2014 - 05:19 PM