June 16, 2009 at 6:56 pm #25184
Here’s the site: http://markparq.brianfarris.net/
If you look at it in firefox, it’s all fine and dandy. But in safari, there are a few issues.
1) The "Contact Me" button is too close to the "About Me" box.
2) The "Stills" label is pushed WAY too far to the left and way too high.
Both of these are relatively positioned. I usually stay away from relatively/absolutely positioning stuff cause I usually run across weird crossbrowser issues.
Can anyone spot the problem?
Thanks.June 17, 2009 at 2:17 pm #59274
I would make #leftColumn position: relative and then absolutely position contact me and resume from there.
On my safari the "Stills" label is away to the right and I don’t see any positioning rules for it at all.June 17, 2009 at 4:54 pm #59287
Cool thanks. I didn’t think about how the relative/absolute positioning was working.
Correct me if I’m wrong, but if you absolutely position something, it’s going to put it at exactly the position within your browser window, but if you absolutely position something inside something relatively positioned, then you’re only positioning it exactly within the relatively positioned area. Right?
Ah… I did mean to say the stills label was going too far to the right. Just wasn’t thinking when I said left.June 17, 2009 at 10:40 pm #59184
It’s all explained quite nicely here http://css-tricks.com/absolute-positioning-inside-relative-positioning/ and here http://m.css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/
You must be logged in to reply to this topic.