Previous Message
Next Message

More than one problem with the box.

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/
Previous Message
Next Message

Message thread:

Possibly related: