CSS Week 5

 

 

Hi again! I have to be short and sweet this week as it's nearly Valentine's Day and my often fun and always comical part-time job in the floral business has turned into a time eating, stress ridden monster!  GRRRRRRRR

I am experimenting with a paragraph indent here even though I prefer justified paragraphs.  Also, I have fiddled a bit more with box properties and positioning on the attached page.

Once again, the properties do not look the same in IE and Netscape, but I believe I can live with both of the ones I have right now.  (At least the way they look from here...I may change my mind when you all start viewing from your browsers and commenting...ha ha.)   The paw prints on the following page are set to span the page in 800x600 without having to scroll in any direction.  All fine and good there, but I would rather have them go all the way across at 1024x768 as well.  *SIGH* I suppose you can't have it all!

Something I noticed was that when I started doing positioning in div id's, my class text attributes were getting lost in Netscape, so I reverted to inline styles to define them.

If time allows, I will come back and play more with this later in the week  --- and I still need to figure out the box border/table problem that has been buzzing around in my head like some derned, pesky gnat!   Oh, almost forgot, all styles are embedded so far this week, so there's no linked style sheet to display.

 

THAT'S ALL FOR NOW
THAT'S ALL FOR NOW

 

Hi, I am back for a minute to add a note about my head scratchings on CSS positioning.  I think Vikki has given us the answer, now we just have to figure out how to use it.   Here's what I am seeing in my pages.

Graphics are no problem to position.  I have to fiddle with getting them where I want them, design-wise, but they are going where I tell them in all the browsers I have checked and in the ones where other are checing for me.  BUT, other things, coded boxes, tables, etc., are not behaving so well.   When Vikki said that it seemed Opera (and IE from here) was not recognizing the table in my resources page as an OBJECT that needed to be surrounded, a lightbulb went on in my head.   A graphic is a defined object that seems to be recogninzed by all the browsers.  Tables and boxes and other straight code items don't seem to be treated as equally by Netscape, IE and Opera.  NOW, just how do we get those elements defined so they are recognized as objects???  That's my next challenge.  Ideas anyone???

Oh, and I broke down and downloaded Opera 5 this week.  The attached cat paw page does NOT work there, but it's up and running in Netscape and IE.  So far, Netscape still requires the inline styles to recognize my font properties

 

Update and Big Grin!!!

I have that blasted box positioning working in IE, Netscape 4.7 AND Opera!!!!!!!!!!!   (At least from what I can see here. ;^)   It's clunky and redundant coding, but it validates.   Here's what I ended up having to do to get it to display in all three.

First, the div id (#poem) lined me up in IE and Netscape, BUT Opera ignored it and spread the text with no box and no background across the page.   After a bunch of other fiddlings, I tried changing it to an inline (div style=.....).   That worked fine in IE and Opera, but Netscape became a crushed little box that was maybe a quarter of an inch in height and all the text was squashed and overlapped in one line....  Bright idea number 453 of mine was to do a div id (#poem) AND then define the same style as an inline style....  Sooooo, when we get to my divide it reads (div id="poem" style= the whole dang thing repeated).   Well dang, it's working AND validating.

It seems a bunch of extra *stuff* for one stupid little box, but it's the only way I've found to make these silly browsers happy.  Fingers crossed that it's working from someplace besides the Cathouse!

Onward and Upward in CSS...

Positioning and Box Properties

Home