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
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?
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!
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.
awesome, thanks!
awesome, thanks!
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.
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.
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
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?
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.
From #content, remove the
From #content, remove the width property.
cheers,
gary
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.
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.
SaranyaDesigns wrote:wow. ok
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:
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
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
Attachment | Size |
---|---|
saranya.jpg | 54.32 KB |
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?
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...
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
well, thanks again!
well, thanks again!