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,365
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
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


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
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;
}
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


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



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


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
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
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
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 19th March 2024 - 04:56 AM