The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> 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
 
Reply to this topicStart new topic
Replies
Darin McGrew
post Apr 28 2012, 12:27 AM
Post #2


WDG Member
********

Group: Root Admin
Posts: 8,021
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,575
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:23 AM
Post #4





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

Posts in this topic


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: 1st November 2014 - 02:32 AM