17 replies [Last post]
SaranyaDesigns
SaranyaDesigns's picture
Offline
newbie
New York
Last seen: 10 years 42 weeks ago
New York
Joined: 2009-02-21
Posts: 10
Points: 0

Hi all,

So I'm finishing up on a new site, and I have 2 little bugs that I can't seem to fix. Here's the site:

http://haroldallenmusic.com/home.html

here's the css for reference:

http://haroldallenmusic.com/main.css

First one is only occurring in Safari, and it has to do with the div named "content". For some reason, safari seems to be ignoring the margins amounts.

#content {
width : 581px;
height : 400px;
overflow : auto;
padding : 5px;
margin-top : 0;
margin-right : 66px;
margin-bottom : 0;
margin-left : 243px;
text-align : justify;
}
i tried changing the margin-left to padding instead, and it was better, but still not perfect. Any thoughts?? I searched for safari margin cracks, but was unsuccessful.

Second bug is only happening in ie7 (tested great in ie6)
on any page, there's a scroll bar happening along the bottom, and there shouldn't be, because the background image is only 936px wide by 778px height. here's the coding for that:

html, body {
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFD9B3;
margin: 0px;
padding: 0px;
background-color: #FFD9B3;
background-image: url(images/background.gif);
background-repeat: repeat;
}
#page {
margin: 0px;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
}

i included the "page" info, in case maybe I should move the background image to in that tag instead? i tried many variations, all unsuccessful.

any suggestions would be much appreciated!
~Sarah

Daughtry.Taylor
Daughtry.Taylor's picture
Offline
Regular
Alabama
Last seen: 10 years 37 weeks ago
Alabama
Joined: 2009-02-21
Posts: 14
Points: 0

Overflow

I'm no expert, but I'll give my two cents.
Have you tried taking out the overflow: auto, and just adding a clear div?

SaranyaDesigns
SaranyaDesigns's picture
Offline
newbie
New York
Last seen: 10 years 42 weeks ago
New York
Joined: 2009-02-21
Posts: 10
Points: 0

you mean putting in an extra

you mean putting in an extra empty div to the left of it that is the dimensions of the margins i need? Yeah, I thought of that, and if I can't fix it, that's probably what I'll end up doing. But I'd really like to know why it isn't working, because it works in every other browser...

but that's a good thought, thanks!

Daughtry.Taylor
Daughtry.Taylor's picture
Offline
Regular
Alabama
Last seen: 10 years 37 weeks ago
Alabama
Joined: 2009-02-21
Posts: 14
Points: 0

I see what you're saying

I see what you're saying though, I'm using Safari. I'll keep trying things and see what I can come up with.

SaranyaDesigns
SaranyaDesigns's picture
Offline
newbie
New York
Last seen: 10 years 42 weeks ago
New York
Joined: 2009-02-21
Posts: 10
Points: 0

awesome, thanks!

awesome, thanks!

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 2 years 21 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

Sorry... as soon as I opened

Sorry... as soon as I opened your site I got barraged with music I didn't request to play.
It's usually a bad idea to force music on someone - let them make the choice to play it.

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

SaranyaDesigns
SaranyaDesigns's picture
Offline
newbie
New York
Last seen: 10 years 42 weeks ago
New York
Joined: 2009-02-21
Posts: 10
Points: 0

Normally, I would definitely

Normally, I would definitely agree with you, but I think if you're visiting a MUSICIAN's website, that is an exception. Most of the people who visit his website will be there for the purpose of hearing his music. There is a pause button on the player in the bottom center.

Thanks.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 8 hours 8 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9745
Points: 3824

Not necessarily the case

In my case, that is especially not true. When I am thinking music, I have my music playing. If I decide to listen to your offering, I will shut my player down and click to listen to your music.

I take it as very impolite for a site to auto play. Even if I've invited someone over, I expect them to knock, not barge right into the house.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

SaranyaDesigns
SaranyaDesigns's picture
Offline
newbie
New York
Last seen: 10 years 42 weeks ago
New York
Joined: 2009-02-21
Posts: 10
Points: 0

ok, thanks for the input. It

ok, thanks for the input. It still doesn't help me with my coding problem. Anyone have any thoughts?

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 2 years 25 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Yes - please validate and

Yes - please validate and try getting rid of the 51 errors if there are some you can't resolve, come back and someone will try to help further...providing you get rid of the autoplay music that is.

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 8 hours 8 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9745
Points: 3824

From #content, remove the

From #content, remove the width property.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

SaranyaDesigns
SaranyaDesigns's picture
Offline
newbie
New York
Last seen: 10 years 42 weeks ago
New York
Joined: 2009-02-21
Posts: 10
Points: 0

wow. ok first of all, the

wow. ok first of all, the music choice ultimately is not my decision. It was my customer's request, and since he's paying me, I'm building the site he wants. So can we please move past this point?

2nd, validating the code was the first thing I did before posting anything on this board, and it came up with 0 errors.

And 3rd, I can't remove the width property, because I want the content to only display against the brown background of the background image.

But if everyone is just going to continue to talk to me like an I'm an idiot, then I'm sorry I asked for input in the first place. Thanks for all your time.

SaranyaDesigns
SaranyaDesigns's picture
Offline
newbie
New York
Last seen: 10 years 42 weeks ago
New York
Joined: 2009-02-21
Posts: 10
Points: 0

plus, you validated the

plus, you validated the wrong document, and most of those errors were not my coding, it was from an external flashplayer that I pasted in.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 8 hours 8 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9745
Points: 3824

SaranyaDesigns wrote:wow. ok

SaranyaDesigns wrote:

wow. ok first of all, the music choice ultimately is not my decision. It was my customer's request, and since he's paying me, I'm building the site he wants. So can we please move past this point?

Sometimes there is not a clue bat big enough to do the job on some clients. :shrug:

Quote:

2nd, validating the code was the first thing I did before posting anything on this board, and it came up with 0 errors.

Sorry, but you do have syntax errors. Use w3.org's validator, it's the prime reference.

edit: This is not the wrong page, it is the one you gave us.
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fharoldallenmusic.com%2Fhome.html

Quote:

And 3rd, I can't remove the width property, because I want the content to only display against the brown background of the background image.

The margins define the width as much as the width property. I wasn't just throwing stuff at the wall to see what stuck. I tested. I had to, Safari doesn't have the developer tools to allow you to do otherwise. Did you actually test the suggestion, or reject it out of hand?

edit: X-window dump attached

gary

AttachmentSize
saranya.jpg 54.32 KB

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

SaranyaDesigns
SaranyaDesigns's picture
Offline
newbie
New York
Last seen: 10 years 42 weeks ago
New York
Joined: 2009-02-21
Posts: 10
Points: 0

wonderful. thank you so much

wonderful. thank you so much Gary. I did test the suggestion, and while it worked in safari, it seemed to make everything screwy in ie7 (big surprise). but I was rushing out the door and didn't look into it thoroughly before replying. I think it was just caching some files and only reloading certain ones, it seems to work now.

And thanks for the better validator link. In reference to the "wrong page", i was talking about the css page, not the html page. because the bug was happening on every html page, the one I listed was just an example, so I knew the problem was in the css, not the html.

Either way, I appreciate your patience and assistance. Apologies for my frustration.

Thanks again. For future reference, is it a common issue that safari interprets margins strangely? (the way that ie interprets padding and borders etc. counter-intuitively? ) Or do you think I just happened upon the right combination to confuse things?

SaranyaDesigns
SaranyaDesigns's picture
Offline
newbie
New York
Last seen: 10 years 42 weeks ago
New York
Joined: 2009-02-21
Posts: 10
Points: 0

Also, I just looked at the

Also, I just looked at the validator, and 50 of the 51 errors that showed up were all in the code from the external flash media player that I embedded. I removed the player and then validated, and there was 1 error. So the issues are in THEIR code, not mine... it all seems to come back to the damn music, doesn't it...

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 8 hours 8 min ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9745
Points: 3824

I have no idea the root

I have no idea the root cause of Safari's problem with this. I simply removed the width, as it was superfluous as long as the margins to either side defined the effective width. It seemed to work x-browser.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

SaranyaDesigns
SaranyaDesigns's picture
Offline
newbie
New York
Last seen: 10 years 42 weeks ago
New York
Joined: 2009-02-21
Posts: 10
Points: 0

well, thanks again!

well, thanks again!