RE: Please help: layout (float?) problem...

by Mark Horvath <markchorvath(at)>

 Date:  Tue, 10 Feb 2004 07:27:11 -0500
 To:  "Peekstok,
Anna" <Anna.Peekstok(at)METROKC.GOV>
 Cc:  hwg-techniques(at)
 References:  metrokc
  todo: View Thread, Original

>do you... ...have any suggestions for making a border present yet truly
>invisible instead of just camouflaged against a same-color background??

Hi Anna,

Just  some final thoughts about the problem.

If you can live with the 1px solid white border, perhaps that is the way to 
go. Life is a compromise now and then.

Which brings me to this. One way of trouble shooting your problems would be 
to remove as much of the xhtml code as possible, leaving, in this case, the 
bare minimum code for the staffbox and main content only. For your page, I 
deleted (or you can comment it out instead) all the code between the 
opening body tag and the staffbox section. Using your original style sheet, 
the one without the 1 px border trick, the page displayed fine. I then 
started to add sections of your code back into the page and the page 
continued to display correctly until I added the section for masthead text. 
With the masthead text section restored, the original problem returned. So, 
it might be safe to assume that is the location of the display problem. 
Perhaps something in the way it is coded is having a negative affect on the 
following code. Unfortunately, I don't have enough time to continue digging 
around to understand why this might be.

Another option might be to eliminate using the div.grey completely and put 
your background-color: grey in the div#leftcol. It would change the look a 
bit, but it might save some problem solving time.

Certainly, others more adept with CSS may have better feedback.

Best wishes,

Mark Horvath

PS. According to the CSS 1 specs, you can set a border style to "none" to 
prevent it from displaying. I tried it and all the text in the left column 

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA