First css page - am I doing it right?

  • Thread starter Thread starter eclipsme
  • Start date Start date
E

eclipsme

I am trying to make the leap from relying on tables to css for my
formatting. So much to know, so little time...

Here is my first attempt (after much reading and help from
this and other groups, of course):
http://www.eclipsme.com/macdear/index1.shtml

Rather rudimentary at the moment, but before I go on, I would appreciate
somebody looking the code over to make sure I am doing things the best way.

First thing I notice, is that if the browser is set to display lager
fonts, the design breaks in that the menu items flow into the main box.
How do I fix that?

Secondly, the surrounding div (wrapper) displays correctly, with a 2 px
space between it and the enclosed divs in firefox, but in IE the box is
much longer, leaving much space at the bottom of the page. Why would
this be?

Oh, and BTW - the pictures are not for the jewelery site. They were just
handy for testing the disjointed mouse-overs I intend to go there.

Thank you very much,
Harvey
 
This was a good thing to do. Like many beginning CSS users, you have
overengineered your page.

Take a look at this -

http://www.murraytestsite.com/harvey.htm

There's still work to do there, but there is no positioning at all, other
than for #wrapper, and if you don't intend to use 'layers' on the page, you
can even remove that.
 
Murray said:
This was a good thing to do. Like many beginning CSS users, you have
overengineered your page.

Take a look at this -

http://www.murraytestsite.com/harvey.htm

There's still work to do there, but there is no positioning at all, other
than for #wrapper, and if you don't intend to use 'layers' on the page, you
can even remove that.
Click to expand...

Very interesting. I shall study this later, but I am guessing that the
positioning arises from simply the flow of the page.

One thing though - Looks good in IE but FF shows the footer extending
into and overlapping the menu. What would be causing that?

Again, Much thanks for the help.

Harvey
 
Very interesting. I shall study this later, but I am guessing that the
positioning arises from simply the flow of the page.
Click to expand...

That's correct - it's your most powerful positioning method (normal flow).
One thing though - Looks good in IE but FF shows the footer extending into
and overlapping the menu. What would be causing that?
Click to expand...

My haste to get the page uploaded.

Check it now.
 
Murray wrote:
Murray said:
That's correct - it's your most powerful positioning method (normal flow).


My haste to get the page uploaded.

Check it now.


That's correct - it's your most powerful positioning method (normal flow).


My haste to get the page uploaded.

Check it now.
Click to expand...
Again, very interesting. Still much to read up on and practice. Would
you mind giving me a pointer on the main section, specifically, I would
like the photos to be in the lower right of box, and have text flow
around it. Am I best keeping the table, and if so, how do I position it,
or should I somehow locate the pics through css?

Thanks again. I wish there were something I could do for you in exchange.

Harvey
 
I think you would be better off keeping that table top-right, personally.

Check the site now....
 
Murray said:
I think you would be better off keeping that table top-right, personally.

Check the site now....
Click to expand...

Thank you , Murray. It seems that all you did was float right the table,
right? What would be involved in moving the table down?

Also, and I am sure that this is what will drive me crazy, the extra
text makes IE push the footer down, but FF over-writes the footer.

Should I keep the table or flow another box somehow?

Will Betty and Tom ever reunite? Will Lassie find Timmy? Will I ever
learn CSS?

Harvey
 
Thank you , Murray. It seems that all you did was float right the table,
right?
Click to expand...

Pretty much, yes.
What would be involved in moving the table down?
Click to expand...

You'd have to move the position of the table within the text, as I have done
on the page - check now.
Also, and I am sure that this is what will drive me crazy, the extra text
makes IE push the footer down, but FF over-writes the footer.
Click to expand...

That's because of the explicit heights you have set for those containers.
When I remove them (I meant to do that earlier), they can then expand to
contain their contents.

Lassie will find Timmy, but you and CSS? Well, I don't know.... 8)
 
Back
Top