Using 3 DIVs works fine with FireFox - Horrible with IE 1

[josel]

Having problem using <div> to layout my page and having it work consistently between FireFox and IE.

Here is a sample link:

http://www.fpgroups.com/index.php?Target=articles

On the left hand side, I show the navigation links, the center is content and the right will be used for miscellaneous topics and such.

If browsing with IE, notice how my content in the Articles and Who's Who links drops down. Also notice how it drops exactly by the height of the navigation layer.

I found that if I put a <div> with absolute positioning I can pull the content up but I then run into a wrapping problem. This site is intended to take input from any number of people and the ability to maintain content within 'wrap' is very important.

What am I doing wrong? How can I solve this?

Thank you all in advance for your assistance!

Regards,


Jose Lerebours


KNOWLEDGE: Something you can give away endlessly and gain more of it in the process! - Jose Lerebours

 

[BillyRayPreachersSon]

The table with a width of "380%" can't be doing much good to your layout...

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[BillyRayPreachersSon]

P.S. Search on Google for the "IE Developer Toolbar". It's about as good a tool as you'll get for debugging HTML / CSS issues in IE.

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[monksnake]

I believe your culprit is right here:

<table width="[!]380%[/!]" border="0" cellspacing="0" cellpadding="0"><tr><td></td></tr></table><table width="380" border="0" cellspacing="0" cellpadding="1">

380%, I changed it and it looked fine for me.

<.

 

[monksnake]

Oh you dirty dog BillyRay, you beat me to it.

<.

 

[josel]

Guys, I changed my widths to 100% - It looks like I was going for 380 (I must to replaced a percent based width and left the % behind).

I am still having the same problem.

Thanks,


Jose Lerebours


KNOWLEDGE: Something you can give away endlessly and gain more of it in the process! - Jose Lerebours

 

[josel]

Solved it!

I gave my content division a fixed width of 500px instead simply assuming that it will fit on within the boundaries defined by the CSS properties margin-left: 190px and margin-right: 200px.

Of course, I now have the task of making sure it will look good on various resolutions.

Regards,


Jose Lerebours


KNOWLEDGE: Something you can give away endlessly and gain more of it in the process! - Jose Lerebours

 

[BillyRayPreachersSon]

Perhaps clear your cache? It now looks fine for me in both IE6 and IE7.

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[BillyRayPreachersSon]

Aaah - guess you solved it ;o)



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[josel]

BillyRay,

I did solve it but cannot make look good if you used low resolution. I guess I simply tell my visitors to increase their desktop resolution settings while I figure this one out

Thanks,


Jose Lerebours


KNOWLEDGE: Something you can give away endlessly and gain more of it in the process! - Jose Lerebours

 

[BillyRayPreachersSon]

Define 'Low resolution'... It's a crying shame that with PCs as powerful as they are that most people still design for 800x600, given that's no longer the majority screen resolution.

It really bugs me, in fact. Look at virtually any of the 'web award' programs out there - most will automatically disqualify you from entering if you have a horizontal scrollbar at 800x600, whereas most modern new media companies stopped designing for 800x600 years ago.

Pick a resolution, and design for it. You can make it scalable (putting all your widths in EMs or %s) if you wish, but anything less than 800px wide isn't really enough for most modern 3-column layouts (or some 2-column ones, for that matter).

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[josel]

BillyRay,

I could not agree more. I cannot understand how can anybody expect websites to fit within 800x600 (yes, that is what I meant when I said low resolution).

I think that my site looks pretty good where it's at right now and the 800x600 viewers, well, I guess I just will worry about that later down the road.

Regards,


Jose Lerebours


KNOWLEDGE: Something you can give away endlessly and gain more of it in the process! - Jose Lerebours