Help with CSS layout in Netscape and IE

T

Tim Gill

Hi all,

PAGE: http://www.timgillmusic.com/NEWSITE/index.html
CSS: http://www.timgillmusic.com?NEWSITE/master_stylesheet.css

When I view the above page in IE, the layout is fine, with the exception of
the small transparent border IE puts on the bottom of all of my images. How
would I get rid of that?

In netscape (7.1), the container that wraps up all my content decides not to
extend below the menu contents which are floated left. The menu then goes
spilling out below the div, which is stupid looking, of course. How would I
work around that?

Thanks!
 
B

brucie

in post: <
Tim Gill said:

· http://moreshit.bruciesusenetshit.info/screencap01.png [4k]
use % for font sizes and use 100 of them. if i wanted my fonts 20%
smaller than my preferred size so i couldn't read the text i would do it
myself.

· there is no 'text-size' property in css.

· <div id="header"><img src="images/header3.jpg"...
should be <h1><img src="images/header3.jpg" ...</h1>

· all the <img src="images/services_header.jpg"... /> type graphics
should be in header elements:
<h2><img src="images/services_header.jpg" ...></h2>

When I view the above page in IE, the layout is fine, with the exception of
the small transparent border IE puts on the bottom of all of my images.

i cant see a transparent border
In netscape (7.1), the container that wraps up all my content decides not to
extend below the menu contents which are floated left.

float removes elements from the normal flow
How would I work around that?

the quickest fix would be adding 'min-height' to #maincontent large
enough to extend below the floated elements. as you have no way of
knowing the font size the visitor is using make sure the min-height is
large enough to accommodate a reasonable variation in the font size.
probably something around 600px.

#maincontent{min-height:600px;}
 
R

rosco

Tim Gill said:
Hi all,



In netscape (7.1), the container that wraps up all my content decides not to
extend below the menu contents which are floated left. The menu then goes
spilling out below the div, which is stupid looking, of course. How would I
work around that?

{property: value;} = {overflow: auto, hidden, scroll, visible, or inherit)
are the options.

cheers,
rosco
 
R

rosco

In netscape (7.1), the container that wraps up all my content decides
not
to would

{property: value;} = {overflow: auto, hidden, scroll, visible, or inherit)
are the options.

also, if you move back to the older "<table><td><tr>" coding to present
boxes, the cells generated will expand vertically to accommodate txt when
being squeezed horizontally; i.e., they are more 'liquid' and have no
overflow outside the box.

rosco
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
473,744
Messages
2,569,484
Members
44,903
Latest member
orderPeak8CBDGummies

Latest Threads

Top