Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
-
OK, so I've got a "news" DIV with overflow-x hidden to discourage unsightly horiz scrollbars (overflow-y is set to auto). Now my text won't wrap in Firefox. IE is playing nicely ... but I'm waiting for it to have a tantrum at ANY second. :>
Oh, and I'm not wrapping an image ... but I'd like to maintain the functionality in the case that I'll need to later on.
Help? -
Can you give a link to your page or it's code?
-
- CommentAuthordmitryseliv
- CommentTimeJul 24th 2006
I'm not sure why people even bother to posted something and not providing any Links or examples.
DS -
Sorry guys, I assumed there was a simple answer I was just overlooking.
This is the wrapper:
.news {
width: 345px;
height: 285px;
padding: 5px;
background: #e7e3bd;
border: dashed 2px #423b21;
text-align: center;
overflow-y: auto;
overflow-x: hidden;
}
Here are the classes for the news table, the problem is occuring in newsTable_body:
.newsTable {
width: 100%;
margin-bottom: 10px;
background: #fff;
text-align: left;
}
.newsTable_header {
background: #ea756e;
padding-left: 25px;
border: solid 1px #993416;
font: bold 11px arial, sans-serif;
color: #fff;
}
.newsTable_body {
padding: 15px;
border: solid 1px #d2be96;
font: normal 11px arial, sans-serif;
color: #423b21;
}
And here is the table:
<table class="newsTable" cellpadding="6px" cellspacing="0" border="0">
<tr>
<td class="newsTable_header">
Sample HEADER
</td>
</tr>
<tr>
<td class="newsTable_body">
Sample BODY
</td>
</tr>
</table> -
Anyone? :(
-
Could you post an HTML page for it? It would help to see how this is being applied.
- Josh -
I've added the html to my comment above. Thanks :)
-
do you have it on a server so we can see the actual page? or is it an secret under cover operation?
-
- CommentAuthorPettyRider
- CommentTimeJul 25th 2006 edited
I believe 'overflow-x' and 'overflow-y' are proprietary MSIE attributes, not CSS standards.
http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/overflowx.asp
http://www.w3.org/TR/REC-CSS2/visufx.html#overflow
So, the code shouldn't work in standards-compliant browsers. -
Thanks Petty,
I know it's proprietary ... but haven't had issues with those attributes in the past, in Firefox. This interface is all kinds of intricate, there are a few areas that aren't going to validate, but I'm not concerned with it (I'm incorporating plenty of work-arounds for compatibility). ANYWAY, it turns out I had a whitespace:nowrap sitting up in one of the containers - which I meant to remove but forgot about. D'oh. I've also reduced the width of the news table to manually discourage the horiz scrollbar (doing away with overflow-x/y).
Thanks for the patience, everyone. -
- CommentAuthorPettyRider
- CommentTimeJul 25th 2006 edited
Well, interesting nonetheless. From my experience, I've never had overflow-x or -y work in Firefox, but I haven't really tried using it in awhile.
Overflow is an advanced visual effects attribute, so I hardly ever encounter it during my work. But, I imagine it could be necessary in an "interface [that] is all kinds of intricate."
1 to 11 of 11