css help...

[GSXdan]

Here is the template for my new site, as I have it right now: http://www.ccic.ohio-state.edu/ccicnew/template2.asp

What I want it to do, is when you make the window smaller, to stop shrinking after a certain point(1024x786), and just start using scrollbars. Right now it will shrinks until its unreadable and all the formatting is gone.

Here is the css for the layout:

#threecolumn
{
	position: relative;
	width: 95%;
	background: white;

}


#threecolumn #smallcolumn
{
     position: absolute;
     right: 1%;
     width: 24%;
     background: white;

}
	
#threecolumn #maincolumn
{
     margin: 0 34% 0 26%;
     background: white;
     width: 47%;

}
	
#threecolumn #left
{
     position: absolute;
     width: 24%;
     background: white;
     margin-top: 0px;

}

Any ideas?

[Deitel]

I don't think CSS can control window sizes. It's more of a javascript kind of problem. Not sure if it can be though.

[Redfallon]

I opened your site, decreased the size of the window and it didn't shrink anything. It added scroll bars.

[Statica]

The only issue I noticed was the text hiding behind the image (both IE and firefox)

[GSXdan]

Originally Posted by Redfallon I opened your site, decreased the size of the window and it didn't shrink anything. It added scroll bars.

What browser?

Neither IE or FF add scrollbars for me

[Force Flow]

If you use tables, that would keep the page from shrinking to far.

As for your CSS code, items should be seperated with a comma, like this:

PHP Code:

#threecolumn, #smallcolumn 


[Statica]

Originally Posted by GSXdan What browser? Neither IE or FF add scrollbars for me

Both add scroll bars for me.

[Deitel]

Even me.

The text is also hiding behind the image.

[GSXdan]

Ok, I got that problem fixed, I dont think i was being very clear with what i wanted here. It is now perfect, but only in FF. IE is still throwing a fit trying to make it look right. Any idea what needs to be done to make it display correctly in IE?

http://www.ccic.ohio-state.edu/ccicnew/template.asp

[mairving]

I would consider rethinking the page coding. I am getting horizontal scrolling at 1280 in IE and up to around 1150 pixels in FF. The layout is simply enough where you could code it quite easy without your extensive use of stylesheets. You are importing 8 different stylesheet. What I often do is to link to one main stylesheet and then import any sub-stylesheets if necessary. Just too much other funkiness to it. For instance, in FF if I shrink down to say 800x600, I have horizontal scrolling and I scroll over and can see 'This just in'. In IE though, when I shrink I have horizontal scrolling for no reason as the 'This just in' has dropped down to the next line. Horizontal scrolling should be avoided at 800x600 IMO.

[GSXdan]

If I wrote all the CSS, i would be able to re-think it and consolidate it, but I didnt. OSU is on this "Identity" program right now, it wants all of its departments to adhere to its styles so we all look the same. So I started with one of their provided templates( http://www.osu.edu/resources/example...olumnfloat.php ), which doesnt even work properly in the first place. So basically I am trying to make ours a little bit unique, and in the process fix it for them lol...

I cant seem to get rid of that horizontal scrollbar at all tho.. even by force(ie. overflow-x: hidden). Maybe im not putting it in the correct stylesheet. Who knows, its taken me a few tries to get anything working with this template, im sure ill figure it out soon enough.