Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > Help with CSS layout in Netscape and IE

Reply
Thread Tools

Help with CSS layout in Netscape and IE

 
 
Tim Gill
Guest
Posts: n/a
 
      05-21-2004
Hi all,

PAGE: http://www.timgillmusic.com/NEWSITE/index.html
CSS: http://www.timgillmusic.com?NEWSITE/...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


 
Reply With Quote
 
 
 
 
Tim Gill
Guest
Posts: n/a
 
      05-21-2004

"Tim Gill" <0m> wrote in message
news:gSsrc.52022$. com...
> Hi all,
>
> PAGE: http://www.timgillmusic.com/NEWSITE/index.html
> CSS: http://www.timgillmusic.com?NEWSITE/...stylesheet.css

(snip)

Sorry, the CSS link should be:

http://www.timgillmusic.com/NEWITE/m...stylesheet.css

-TG


 
Reply With Quote
 
 
 
 
brucie
Guest
Posts: n/a
 
      05-21-2004
in post: <news:gSsrc.52022$ .com>
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


 
Reply With Quote
 
rosco
Guest
Posts: n/a
 
      05-22-2004

"Tim Gill" <0m> wrote in message
news:gSsrc.52022$. com...
> 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


 
Reply With Quote
 
rosco
Guest
Posts: n/a
 
      05-22-2004
> > 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


 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
CSS: a simple layout won't work in CSS liketofindoutwhy@gmail.com HTML 29 03-21-2008 03:46 PM
Css-Layout vs Table-Layout Habib HTML 15 06-20-2006 05:11 AM
Choosing Layout: Css-Layout or Table-Layout hpourfard@gmail.com ASP .Net 1 06-19-2006 10:06 AM
Table-based layout to CSS layout Guybrush Threepwood HTML 20 06-11-2006 11:12 AM
CSS Layout question - how to duplicate a table layout with CSS Eric ASP .Net 4 12-24-2004 04:54 PM



Advertisments
 



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57