Layout is breaking in NN7 using CSS Style

[Curtis Morrison]

Please help! I've been trying to figure this out for days now, with no
luck. the following web page loads fine in MSIE, but NN 7 breaks it. I
would really appreciate any suggestions that anyone might have. I tried
setting the positioning to relative, as well as added broders, to the
elements that break in NN7, with no luck.

Here's the site:
http://www.dataaxiom.com/Default.htm

Also, I'm wondering if I'm even doing the CSS correctly. I started with a
main frame div, then created separate styles for each child div.

Thanks,
Curtis Morrison
cu**********@da taaxiom.com


----== Posted via Newsfeed.Com - Unlimited-Uncensored-Secure Usenet News==----
http://www.newsfeed.com The #1 Newsgroup Service in the World! >100,000 Newsgroups
---= 19 East/West-Coast Specialized Servers - Total Privacy via Encryption =---

[Neal]

On Tue, 11 May 2004 22:19:05 -0500, Curtis Morrison
<cu**********@d ataaxiom.com> wrote:

Please help! I've been trying to figure this out for days now, with no
luck. the following web page loads fine in MSIE, but NN 7 breaks it. I
would really appreciate any suggestions that anyone might have. I tried
setting the positioning to relative, as well as added broders, to the
elements that break in NN7, with no luck.

Here's the site:
http://www.dataaxiom.com/Default.htm

Also, I'm wondering if I'm even doing the CSS correctly. I started with
a
main frame div, then created separate styles for each child div.

Only possible problem in the CSS I see right off - be sure you set
background and color together. I mean, you can be overly anal about it,
but be sure there's no instance where you're counting on a default.

I'll check Mozilla when I can to see if I can detect the error. I see no
major errors in the CSS. Likely something's not right if Mazilla isn't
rendering properly, but due for a restart.

[Els]

Curtis Morrison wrote:

Please help! I've been trying to figure this out for days now, with no
luck. the following web page loads fine in MSIE, but NN 7 breaks it. I
would really appreciate any suggestions that anyone might have. I tried
setting the positioning to relative, as well as added broders, to the
elements that break in NN7, with no luck.

Here's the site:
http://www.dataaxiom.com/Default.htm

Also, I'm wondering if I'm even doing the CSS correctly. I started with a
main frame div, then created separate styles for each child div.

You asked this yesterday in alt.html.writer s.
Didn't my answer there help?
I'll just paste it here again:

Same happens in Mozilla 1.4 and Firefox.
I'd say you need clear:both on the #ContentFooterT op.
Not tested.
You also need a border on #Frame, to prevent the left side
of your page disappearing when the window is narrower than
700px.

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

[Curtis Morrison]

Hey Els, sorry for the poorly done cross-post. Norton anti-spam keeps
crashing Outlook Newsreader....

Anyway, I tried adding clear:both the the #ContentFooterT op region, as well
as adding a border to the #Frame region (which I will re-add once I get this
initial problem fixed - good suggestion, BTW). I also tried playing with
the position:relati ve and clear:both/clear:left/clear:right on all the other
div regions, with no luck.

Thanks,
Curt
"Els" <el*********@ti scali.nl> wrote in message
news:40******** **************@ dreader2.news.t iscali.nl...

Curtis Morrison wrote:

Please help! I've been trying to figure this out for days now, with no
luck. the following web page loads fine in MSIE, but NN 7 breaks it. I
would really appreciate any suggestions that anyone might have. I tried
setting the positioning to relative, as well as added broders, to the
elements that break in NN7, with no luck.

Here's the site:
http://www.dataaxiom.com/Default.htm

Also, I'm wondering if I'm even doing the CSS correctly. I started with a main frame div, then created separate styles for each child div.

You asked this yesterday in alt.html.writer s.
Didn't my answer there help?
I'll just paste it here again:

Same happens in Mozilla 1.4 and Firefox.
I'd say you need clear:both on the #ContentFooterT op.
Not tested.
You also need a border on #Frame, to prevent the left side
of your page disappearing when the window is narrower than
700px.

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

----== Posted via Newsfeed.Com - Unlimited-Uncensored-Secure Usenet News==----
http://www.newsfeed.com The #1 Newsgroup Service in the World! >100,000 Newsgroups
---= 19 East/West-Coast Specialized Servers - Total Privacy via Encryption =---

[Curtis Morrison]

When you say "set background and color" together, are you saying to specify
the background color on every div region? Sorry, will you please clarify?

"Neal" <ne*****@yahoo. com> wrote in message
news:op******** ******@news.ind ividual.net...

On Tue, 11 May 2004 22:19:05 -0500, Curtis Morrison
<cu**********@d ataaxiom.com> wrote:

Please help! I've been trying to figure this out for days now, with no
luck. the following web page loads fine in MSIE, but NN 7 breaks it. I
would really appreciate any suggestions that anyone might have. I tried
setting the positioning to relative, as well as added broders, to the
elements that break in NN7, with no luck.

Here's the site:
http://www.dataaxiom.com/Default.htm

Also, I'm wondering if I'm even doing the CSS correctly. I started with
a
main frame div, then created separate styles for each child div.

Only possible problem in the CSS I see right off - be sure you set
background and color together. I mean, you can be overly anal about it,
but be sure there's no instance where you're counting on a default.

I'll check Mozilla when I can to see if I can detect the error. I see no
major errors in the CSS. Likely something's not right if Mazilla isn't
rendering properly, but due for a restart.

----== Posted via Newsfeed.Com - Unlimited-Uncensored-Secure Usenet News==----
http://www.newsfeed.com The #1 Newsgroup Service in the World! >100,000 Newsgroups
---= 19 East/West-Coast Specialized Servers - Total Privacy via Encryption =---

[Els]

Curtis Morrison wrote:

Anyway, I tried adding clear:both the the #ContentFooterT op region, as well
as adding a border to the #Frame region (which I will re-add once I get this
initial problem fixed - good suggestion, BTW). I also tried playing with
the position:relati ve and clear:both/clear:left/clear:right on all the other
div regions, with no luck.

I just copied your code, added clear:both to
#ContentFooterT op, and voila, your footer is now located at
the bottom.
Only now, your text needs to stay to the right of the
#ContentLeft. For this, I replaced 'float:left' on
#ContentBody with margin-left:200px. (the width of the
#ContentLeft).

If you want it float:left, you also need to give it a width.
This isn't difficult in your case, as you are using fixed
widths, but with flexible design, you don't know the width
of the content, that's why I gave it a left-margin.

Now all you need is some tweaking with margins/paddings, to
get an identical look between the browsers.

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

[Brian]

How am I supposed to post my replies in a newsgroup?:
http://allmyfaqs.com/faq.pl?How_to_post

Neal wrote...

be sure you set background and color together.

Curtis Morrison wrote: When you say "set background and color" together, are you saying to
specify the background color on every div region?

You don't need to do specify both on every element. But if you want to
set a color on *any* element -- div, a, p, h1, whatever -- then set both
color and background color. The color property should not occur in your
css without a background paired with it.

--
Brian (remove "invalid" from my address to email me)
http://www.tsmchughs.com/

[Curtis Morrison]

Thanks Els, this worked - I appreciate it!!!

"Els" <el*********@ti scali.nl> wrote in message
news:40******** **************@ dreader2.news.t iscali.nl...

Curtis Morrison wrote:

Anyway, I tried adding clear:both the the #ContentFooterT op region, as well as adding a border to the #Frame region (which I will re-add once I get this initial problem fixed - good suggestion, BTW). I also tried playing with the position:relati ve and clear:both/clear:left/clear:right on all the other div regions, with no luck.

I just copied your code, added clear:both to
#ContentFooterT op, and voila, your footer is now located at
the bottom.
Only now, your text needs to stay to the right of the
#ContentLeft. For this, I replaced 'float:left' on
#ContentBody with margin-left:200px. (the width of the
#ContentLeft).

If you want it float:left, you also need to give it a width.
This isn't difficult in your case, as you are using fixed
widths, but with flexible design, you don't know the width
of the content, that's why I gave it a left-margin.

Now all you need is some tweaking with margins/paddings, to
get an identical look between the browsers.

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

----== Posted via Newsfeed.Com - Unlimited-Uncensored-Secure Usenet News==----
http://www.newsfeed.com The #1 Newsgroup Service in the World! >100,000 Newsgroups
---= 19 East/West-Coast Specialized Servers - Total Privacy via Encryption =---

[Curtis Morrison]

"Brian" <us*****@juliet remblay.com.inv alid> wrote in message
news:10******** *****@corp.supe rnews.com...

How am I supposed to post my replies in a newsgroup?:
http://allmyfaqs.com/faq.pl?How_to_post

You don't need to do specify both on every element. But if you want to
set a color on *any* element -- div, a, p, h1, whatever -- then set both
color and background color. The color property should not occur in your
css without a background paired with it.

Thanks Brian, that makes sense now.

Curt

----== Posted via Newsfeed.Com - Unlimited-Uncensored-Secure Usenet News==----
http://www.newsfeed.com The #1 Newsgroup Service in the World! >100,000 Newsgroups
---= 19 East/West-Coast Specialized Servers - Total Privacy via Encryption =---

[DU]

Curtis Morrison wrote:

Please help! I've been trying to figure this out for days now, with no
luck. the following web page loads fine in MSIE, but NN 7 breaks it. I
would really appreciate any suggestions that anyone might have. I tried
setting the positioning to relative, as well as added broders, to the
elements that break in NN7, with no luck.

Here's the site:
http://www.dataaxiom.com/Default.htm

Not related to your layout problem but nevertheless, your page

- has <meta http-equiv="Content-Script-Type" content="text/vbscript">
but no external files, not even an event attribute used anywhere. Not to
mention that vbscript is not a standardized language like javascript.

- uses a lot of &nbsp; for wrong reasons IMO

- at least 2 links have a title="Opens a new window ..." but they don't
open any new window

My 2 cents

DU