Help with CSS layout in Netscape and IE

Discussion in 'HTML' started by Tim Gill, May 21, 2004.

  1. Tim Gill

    Tim Gill Guest

    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!
    --
    -Tim Gill
    Tim Gill Music
     
    Tim Gill, May 21, 2004
    #1
    1. Advertising

  2. Tim Gill

    Tim Gill Guest

    Tim Gill, May 21, 2004
    #2
    1. Advertising

  3. Tim Gill

    brucie Guest

    in post: <news:gSsrc.52022$>
    Tim Gill <0m> said:

    > PAGE: http://www.timgillmusic.com/NEWSITE/index.html


    · 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>

    · your dtd is html not xhtml so drop the '/' from the end of your <img>
    tags.

    > 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;}

    --
    b r u c i e
     
    brucie, May 21, 2004
    #3
  4. Tim Gill

    rosco Guest

    "Tim Gill" <0m> wrote in message
    news:gSsrc.52022$...
    > 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
     
    rosco, May 22, 2004
    #4
  5. Tim Gill

    rosco Guest

    > > 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.
    >


    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
     
    rosco, May 22, 2004
    #5
    1. Advertising

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

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Eric
    Replies:
    4
    Views:
    793
    clintonG
    Dec 24, 2004
  2. Guybrush Threepwood

    Table-based layout to CSS layout

    Guybrush Threepwood, Jun 6, 2006, in forum: HTML
    Replies:
    20
    Views:
    1,056
  3. Replies:
    1
    Views:
    648
    John Timney \(MVP\)
    Jun 19, 2006
  4. Habib

    Css-Layout vs Table-Layout

    Habib, Jun 19, 2006, in forum: HTML
    Replies:
    15
    Views:
    1,060
    Wÿrm
    Jun 20, 2006
  5. Replies:
    29
    Views:
    944
    Ben C
    Mar 21, 2008
Loading...

Share This Page