Sent by Andrew Gregory on 12 December 2004 07:07
On Sun, 12 Dec 2004 00:39:45 -0500, BJ [EMAIL-REMOVED]> wrote:
> http://goldengup.com/bluestone/bluestoneindex2.htm
> http://goldengup.com/bluestone/bluestonestyles2.css
Did you fiddle with this after posting? When I first looked it wasn't too
bad so I found a few things for you to try, but now that I've just checked
again, things seem to be a lot worse! So, if you have changed things then
I've probably wasted my time, but anyway...
Opera is basically identical to Firefox, particularly when you add
"margin:8px;padding:0" to the body styles so all browsers are using the
same margin/padding for that. The 5% margin-top on #mainbox is strange.
Try resizing your browser windows to make them narrower and wider - you'll
see the main box moving up and down slightly in relation to the nav bar at
the bottom. I'd change the 5% to absolute units (eg ???px).
Then I removed the "align" attributes (you should be doing everything in
the style sheet anyway), and everything related to floats from the banner,
text and nav containers. Then I added a "margin-left:380px" to the text
container to push it out past the edge of the background image.
That seemed to improve things quite a bit.
If the nav bars at the bottom as supposed to be fixed to the bottom of
maindiv, then:
1. Add "position:relative" to #mainbox
2. Delete left, top and right styles from #navcontainer
3. Add "position:absolute" to #navcontainer
The existing "bottom:0%" will position #navcontainer at the bottom of
#mainbox.
BTW have you noticed the bannercontainer height is less than the height of
the image it contains?
BTWx2 - *please* upgrade your Opera. You're wasting your time worrying
about 7.11 when most people would have upgraded to 7.54 at least. Opera
are always improving their rendering engine.
HTH,
--
Andrew Gregory, <URL: [EMAIL-REMOVED] >
<URL: http://www.scss.com.au/family/andrew/ >
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/