foolgladly
10-19-2007, 05:48 AM
Hello all,
I'm a big-time newbie to the world of CSS, which I'm sure is your favorite thing to deal with. I've spent the last three days trying to solve a positioning issue between Firefox and Safari. I've been researching non-stop, trying everything I come across, to no avail.
I'm using a CSS-based technique for a fluid box with rounded corners, and it contains a <div> which uses the fleXcroll technique for custom scrollbars. For some reason, the fleXcroll <div> is positioned perfectly in FF, but floating way out to the right in Safari, seemingly with no explanation. My code validates at W3C (minus a few font issues I'm toying with), and I'm completely out of ideas.
The page can be found at: http://www.calvinmarty.com/modx/index.php?id=7
It's got a bunch of dummy data in it right now. Any help would be greatly appreciated. I assume it's a simple, beginner's error but I'm really tearing my hair out. Thanks in advance,
Chris.
I'm a big-time newbie to the world of CSS, which I'm sure is your favorite thing to deal with. I've spent the last three days trying to solve a positioning issue between Firefox and Safari. I've been researching non-stop, trying everything I come across, to no avail.
I'm using a CSS-based technique for a fluid box with rounded corners, and it contains a <div> which uses the fleXcroll technique for custom scrollbars. For some reason, the fleXcroll <div> is positioned perfectly in FF, but floating way out to the right in Safari, seemingly with no explanation. My code validates at W3C (minus a few font issues I'm toying with), and I'm completely out of ideas.
The page can be found at: http://www.calvinmarty.com/modx/index.php?id=7
It's got a bunch of dummy data in it right now. Any help would be greatly appreciated. I assume it's a simple, beginner's error but I'm really tearing my hair out. Thanks in advance,
Chris.