Topic: Frames no likey CSS? Pages that link to <a href="https://ozoneasylum.com/backlink?for=9678" title="Pages that link to Topic: Frames no likey CSS?" rel="nofollow" >Topic: Frames no likey CSS?\

 
Author Thread
synax
Maniac (V) Inmate

From: Cell 666
Insane since: Mar 2002

IP logged posted posted 08-14-2003 18:10 Edit Quote

I've got an odd problem.
http://torch.cs.dal.ca/~dion/maritimerentals/frames-template.html

There are 3 frames there, the top, the left menu and the main content area. Now, when there is no vertical scroll in the content area, there is no horizontal scroll. However, once there's enough content that generates a vertical scroll, it will also generate a horizontal scroll and the content will overflow by about 15px or so. For an example of this, follow the above link and click on 'Advanced Search' under the search box.

I honestly don't know if this is a CSS issue or an HTML issue. Any help or insight would be appreciated.



[This message has been edited by synax (edited 08-14-2003).]

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

IP logged posted posted 08-14-2003 20:01 Edit Quote

mozilla 1.4, no problem. No horizontal scrollbar at all.

butcher
Paranoid (IV) Inmate

From: New Jersey, USA
Insane since: Oct 2000

IP logged posted posted 08-15-2003 01:45 Edit Quote

I get no horizontal scroll bar on either page in IE 5.5 but I get one on both pages in IE 6.0.

I also didn't get it on either page in Opera 7.02

-Butcher-

synax
Maniac (V) Inmate

From: Cell 666
Insane since: Mar 2002

IP logged posted posted 08-15-2003 04:55 Edit Quote

What the hell... Why just IE6 ?

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

IP logged posted posted 08-15-2003 17:08 Edit Quote

You don't happen to have anything's width set to 100%, do you?

This could be related to IE 6's handling of the CSS box model when there are scrollbars on a box.

Try this: temporarily comment out the DOCTYPE. If the problem goes away when you do that, you can be almost certain that it's a box model problem.

synax
Maniac (V) Inmate

From: Cell 666
Insane since: Mar 2002

IP logged posted posted 08-15-2003 17:24 Edit Quote

Slime nailed it. I thought it was only IE5.x that had box model problems though?
So how can I fix this without omitting the DOCTYPE?



[This message has been edited by synax (edited 08-15-2003).]

ozphactor
Maniac (V) Inmate

From: California
Insane since: Jul 2003

IP logged posted posted 08-15-2003 22:03 Edit Quote

Take out any "width: 100%" you might have in your CSS, for a start.



[This message has been edited by ozphactor (edited 08-15-2003).]

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

IP logged posted posted 08-15-2003 23:24 Edit Quote

Yes, I didn't look at the CSS, but if you've got width:100%, remove it. Replace it with

margin-left:10px;
margin-right:10px;

(replacing 10px with whatever size you want the margins to be).



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu