format lost in div

[Muskie]

Hi,

I am working on this site: www.visualcomm.com/site and am having some slight problems with formatting across different browsers (surprise). My main problem right now, is the formatting of the content div. I have a div in the main area which will display various html pages based on the button the user clicks (done via js/ajax type setup).

#content {
	background-image: url(imagesetc/curves/curve1.jpg);
	background-repeat: no-repeat;
	position: absolute;
	padding: 10px;
	top: 110px;
	left: 152px;
	right: 0px;
	bottom: 160px;
	overflow: auto;
}

So if you click the "Team" button, the team.html file will load into the "content" div. The problem is, from what I can tell, that Safari and IE6 seem to drop what formatting I have set up in the html pages and just throw the content into that div. In Firefox it works fine. there are two columns in the "Clients" page and the images on the "Team" page are floated left of the copy. In IE6 and Safari that formatting is lost.

If that made sense, does anyone have any ideas? I'll supply any other coding if someone needs.

 

[epochblue]

It doesn't look like you have any height/width constraints for the content div. The top/left/right/bottom is used purely for positioning, and thus your overflow:auto rule is probably being ignored.

Try adding height/width attributes.

 

[Muskie]

It doesn't look like you have any height/width constraints for the content div. The top/left/right/bottom is used purely for positioning, and thus your overflow:auto rule is probably being ignored.

Try adding height/width attributes.

I'm trying to avoid those attributes, so that it will scale nicely. I like how dynamic it can be this way for different size monitors/browser windows.

I hadn't thought about that though. I'll see what happens. Thanks

 

[elppa]

If you turn javascript off then your website is next to useless.

Why not just make them normal links, that way no one is excluded.

It's not a application, it's a website, so it should behave like one.

 

[dejo]

I'm trying to avoid those attributes, so that it will scale nicely. I like how dynamic it can be this way for different size monitors/browser windows.

Height and width attributes don't have to be set to fixed values. They can also be percentages!