Previous Message
Next Message

RE: cross-browser display problems

Sent by JOE HODGE on 29 September 2005 13:01

Ok. Got several helpful answers on the mailto issue. I believe I thanked
all who replied off-list but if I forgot, thanks. Did find part of the
problem. The first thing after the mailto address should be a ? not an
&. The ampersand is used between any subsequent items such as CC, BCC,
etc. But, changing the & to & there is good advice.

Any ideas on the browser issues?

Wife found a solution to the divs not being positioned correctly. Not
sure why but it works. Anyone know why? Changed the overall container

 background-color: transparent;
 border-color: #000000;
 border-style: solid;
 border-width: 0;
 margin: 0;
 padding: 0;
 text-align: center;
 width: 700px;


 background-color: transparent;
 border-color: #000000;
 border-style: solid;
 border-width: 0;
 margin-right: auto;
 margin-left: auto;
 padding: 0;
 text-align: center;
 width: 700px;

Only two issues left are the horizontal rules have changed colors and
the menu to the side has gaps. The hr is...

 color: #968354;
 margin: 5px;
 text-align: center;
 width: 75%;

It was centered and a golden tan like color before making the change to
div.container. Now it is left justified and blue. The alignment issue I
believe is a matter of the hr being moved from the header div (which is
text-align: center;) to the full width content div (div.contentfull is
text-align: left;). Can anyone out there correct/enlighten me? Is the
color change caused by the same thing? Is the hr inheriting the color
and alignment from the div it is in rather than what is coded to it?
Think I may have found the solution to the hr problem...

Found the following on

All "presentation attributes" of the hr element were deprecated in HTML

All "presentation attributes" of the hr element are not supported in
XHTML 1.0 Strict DTD.

And, since the site uses the XHTML 1.0 Strict DTD... So, would creating
a span class for it work? In the CSS create the following style...

 color: #968354;
 margin: 5px;
 text-align: center;
 width: 75%;

Not sure if the width will work but the rest should.

In the html add...

<span class="hr"> </span>

...around the <hr />

Again, can anyone out there correct/enlighten me?

Only real issue that has me stumped is the menu and the gaps in it. It
is made up of three divs. The menu border is really a graphic. Each div
has a part of the graphic set as a background. Like what is done in old
table layouts.

I am on digest so any direct replies would be greatly appreciated.

Thanks much,
Joseph L. Hodge

"'Ignorantque datos, ne quisquam serviat, enses.'
And they are ignorant that the purpose of the sword is to save every man
from slavery."
- Lucanus (A.D. 39-65), De Bello Civili

-----Original Message-----
Sent: Wednesday, September 28, 2005 11:13 AM
Subject: cross-browser display problems

Ok, working on my third CSS styled site and have hit a major snafu.
First two render well enough in FF, NS, and MSIE/Win [1]. Have not
checked them in other browsers.

The current project [2] renders fine in MSIE/Win but is completely out
of whack in FF or Netscape. Not sure why the difference between the
first two sites and this one. In all honesty, the first two are even a
bit more complex. None of the three do anything fancy. CSS validates
good at the W3C site. Any help, suggestions, or comments are

The current project validates (at the W3C site) as strict XHTML 1.0
except for the two items below and the CSS validates good.

As an aside and since I am here, I tried validating the xhtml of the
current project and get a bunch of errors/warnings about not using
target="_blank" with links. I know target= is not supposed to be used
but I do _not_ want links to other sites opening in the same window.

I also get a bunch of errors/warnings for using <a
[EMAIL-REMOVED]&subject=The Indigo
Connection Website">. Seems it does not like the last part where it
fills in the subject for the user. Again, just a personal preference but
I want to be able to fill in the subject line on mailto. It makes things
much easier for the client and the user can always change the subject if
they want to.

Is there any way to keep the functionality of these two items and have
valid xhtml?

[1] the other site is not
yet live on the net.

[2]	page:

css-discuss [EMAIL-REMOVED]]
List wiki/FAQ --
Supported by --
Previous Message
Next Message

Possibly related: