Wrapper Div Display Problems

#1

Hi,

This is the page I am working on:
http://www.joeythomasbigband.com/css_design/welcome.htm . It displays fine
in ie 6 but in Netscape the bottom three boxes are not dropping down like it
does in ie 6. I think it has to do with margins. Not sure though. Everything
I have tired has failed.

Help, I have been working on this way to long.

TIA,

Brian

PS ccs link here :
http://www.joeythomasbigband.com/css_design/testlayout.css

#2

Hey,

im seeing stuff ive never seen b4 in ur .css

voice-family: "\"}\"";
voice-family:inherit;
What r they for?

evisuuu

"Brian" <jtbb (AT) nycap (DOT) rr.com> schreef in bericht
news:ceeaj1$q60$1 (AT) forums (DOT) macromedia.com...

Quote:

Hi,

This is the page I am working on:
http://www.joeythomasbigband.com/css_design/welcome.htm . It displays fine
in ie 6 but in Netscape the bottom three boxes are not dropping down like
it
does in ie 6. I think it has to do with margins. Not sure though.
Everything
I have tired has failed.

Help, I have been working on this way to long.

TIA,

Brian

PS ccs link here :
http://www.joeythomasbigband.com/css_design/testlayout.css

#3

Hi,

That stuff is for ie 5. Although, I haven't tested that yet.

-Brian

"Evisuuuu" <No_spam (AT) thnx (DOT) no> wrote

Quote:

Hey,

im seeing stuff ive never seen b4 in ur .css

voice-family: "\"}\"";
voice-family:inherit;
What r they for?

evisuuu

"Brian" <jtbb (AT) nycap (DOT) rr.com> schreef in bericht
news:ceeaj1$q60$1 (AT) forums (DOT) macromedia.com...
Hi,

This is the page I am working on:
http://www.joeythomasbigband.com/css_design/welcome.htm . It displays
fine
in ie 6 but in Netscape the bottom three boxes are not dropping down
like
it
does in ie 6. I think it has to do with margins. Not sure though.
Everything
I have tired has failed.

Help, I have been working on this way to long.

TIA,

Brian

PS ccs link here :
http://www.joeythomasbigband.com/css_design/testlayout.css

#4

Please post if you find a solution. I'm having the same problem.

This has got to be a fairly common problem that someone has worked out.
Hopefully, one of us will figure it out soon.

Richard

"Brian" <jtbb (AT) nycap (DOT) rr.com> wrote

Quote:

Hi,

This is the page I am working on:
http://www.joeythomasbigband.com/css_design/welcome.htm . It displays fine
in ie 6 but in Netscape the bottom three boxes are not dropping down like
it
does in ie 6. I think it has to do with margins. Not sure though.
Everything
I have tired has failed.

Help, I have been working on this way to long.

TIA,

Brian

PS ccs link here :
http://www.joeythomasbigband.com/css_design/testlayout.css

#5

Brian wrote:

Quote:

It displays fine
in ie 6 but in Netscape the bottom three boxes are not dropping down like it
does in ie 6. I think it has to do with margins.

Your clearing division is out of position for those boxes. It should go
above div.divspacer, not below it:

</div>

<div class="containerclear"></div> 
<div class="divspacer"></div>
<div class="containerclear"></div> 

<div class="threecolcontainer">

Also your style for the clearing division needs a little help. Try this:

..containerclear {
clear: both;
height: 1px;
line-height: 1px;
}

--
trx

#6

Thanks trx,

I'll try that.

-Brian

"trx" <jimpm (AT) rmthscfw (DOT) com> wrote

Quote:

Brian wrote:

It displays fine
in ie 6 but in Netscape the bottom three boxes are not dropping down
like it
does in ie 6. I think it has to do with margins.

Your clearing division is out of position for those boxes. It should go
above div.divspacer, not below it:

/div
!-- End Right Column --
div class="containerclear"></div> <!-- clear here --
div class="divspacer"></div
div class="containerclear"></div> <!-- not here --
!-- insert three columns here --
div class="threecolcontainer"

Also your style for the clearing division needs a little help. Try this:

.containerclear {
clear: both;
height: 1px;
line-height: 1px;
}

--
trx

#7

Hi again,

trx , that worked as far as dropping the 3 column div down. The problem
that still exsist though is that ie 6 has double the space. Any ideas?

-Brian

"Brian" <jtbb (AT) nycap (DOT) rr.com> wrote

Quote:

Thanks trx,

I'll try that.

-Brian

"trx" <jimpm (AT) rmthscfw (DOT) com> wrote in message
news:tajdihetaae9$.b0dq4bc0laxt.dlg (AT) 40tude (DOT) net...
Brian wrote:

It displays fine
in ie 6 but in Netscape the bottom three boxes are not dropping down
like it
does in ie 6. I think it has to do with margins.

Your clearing division is out of position for those boxes. It should go
above div.divspacer, not below it:

/div
!-- End Right Column --
div class="containerclear"></div> <!-- clear here --
div class="divspacer"></div
div class="containerclear"></div> <!-- not here --
!-- insert three columns here --
div class="threecolcontainer"

Also your style for the clearing division needs a little help. Try this:

.containerclear {
clear: both;
height: 1px;
line-height: 1px;
}

--
trx

#8

On Mon, 2 Aug 2004 10:56:15 -0400, Brian wrote:

Quote:

trx , that worked as far as dropping the 3 column div down. The problem
that still exsist though is that ie 6 has double the space. Any ideas?

Add this to .containerclear:

font-size: 1px;

--
trx

#9

Thank you trx!!!!!!!!

That worked great!!!! I wish it was easier to figure out this kind of thing.
Oh, and whats the reasoning that that setting a 1 px font size makes this
work?

Anyway, Thankyou very much,

-Brian

www.joeythomasbigband.com

"trx" <jimpm (AT) rmthscfw (DOT) com> wrote

Quote:

On Mon, 2 Aug 2004 10:56:15 -0400, Brian wrote:

trx , that worked as far as dropping the 3 column div down. The problem
that still exsist though is that ie 6 has double the space. Any ideas?

Add this to .containerclear:

font-size: 1px;

--
trx

#10

It's called a tap on the buggy shoulder of IE. 8)

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Brian" <jtbb (AT) nycap (DOT) rr.com> wrote

Quote:

Thank you trx!!!!!!!!

That worked great!!!! I wish it was easier to figure out this kind of
thing.
Oh, and whats the reasoning that that setting a 1 px font size makes this
work?

Anyway, Thankyou very much,

-Brian

www.joeythomasbigband.com

"trx" <jimpm (AT) rmthscfw (DOT) com> wrote in message
news:c9gpfi5ua784$.2yrezehb6ekc.dlg (AT) 40tude (DOT) net...
On Mon, 2 Aug 2004 10:56:15 -0400, Brian wrote:

trx , that worked as far as dropping the 3 column div down. The
problem
that still exsist though is that ie 6 has double the space. Any ideas?

Add this to .containerclear:

font-size: 1px;

--
trx