# CSS Bugs (mixed in with IE)

**URL:** <https://www.ruby-forum.com/t/css-bugs-mixed-in-with-ie/91999>\
**Category:** Radiant CMS\
**Created:** [April 14, 2007, 6:58am UTC](https://www.ruby-forum.com/t/css-bugs-mixed-in-with-ie/91999 "2007-04-14T06:58:06Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![mahadewa](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/m/9e8a1a/32.png) [@mahadewa](https://www.ruby-forum.com/u/mahadewa)\
**Post date:** [April 14, 2007, 6:58am UTC](https://www.ruby-forum.com/t/css-bugs-mixed-in-with-ie/91999/1 "2007-04-14T06:58:06Z")

</div>

Well I’m done just lurking and have finally begun working with radiant.  
Like it.

On this project, we’ve had to modify the edit\_page.rhtml to add some  
fields. I ran into issues when trying to stylize these elements

First of all, the CSS problems don’t seem to be limited to IE (I’m  
testing with 6 right now). I also get some odd results using Firefox  
and Opera.

I’m seeing two distinct issues:  
1.) The .fieldset tables (within the div.extended\_metadata) is set to  
choose some odd widths for the columns with input textboxes. Right now  
the textbox width is derived from a weird combination of the 100% style  
and the maxlength property. Actually, this looks fine on the default  
edit\_page using Firefox but add a text box with a greater maxlength  
(currently the largest is 160 characters) and watch what happens. And  
even Firefox shows this odd behavior on the default edit\_layout page  
(click “more” for content-type).

Opera shows all these oddly but IE 6 really goes bonkers with this one -  
sending the textboxes off the edge of the screen. Though, in this case  
I don’t fully blame IE - the applied styles here are a bit, well,  
interesting.

2.) I’m not even sure what to call this issue (reminds me of the good  
'ol IE peekaboo bug). When you load the edit\_page page, the title label  
(the one that says “Page Title”) is not shown. Try to select the text  
or maybe scroll just the right way, and it suddenly appears.

The 2nd problem is all IE but is also easy to fix (one added line). The  
first one is a bigger change (actually it looks like the main.css could  
use some spring cleaning).

So, I’d be happy to contribute here but I don’t want to duplicate work  
that is maybe already being done. I also don’t want to spend a lot of  
time only to learn that something like the facets branch is going to  
obliterate my work.

Let me know how/if you want some help here.

-Chris P.

---

<div class="post-metadata">

**Author:** ![mahadewa](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/m/9e8a1a/32.png) [@mahadewa](https://www.ruby-forum.com/u/mahadewa)\
**Post date:** [April 14, 2007, 9:47am UTC](https://www.ruby-forum.com/t/css-bugs-mixed-in-with-ie/91999/2 "2007-04-14T09:47:01Z")

</div>

Chris P. wrote:

> So, I’d be happy to contribute here but I don’t want to duplicate work  
> that is maybe already being done. I also don’t want to spend a lot of  
> time only to learn that something like the facets branch is going to  
> obliterate my work.
> 
> Let me know how/if you want some help here.

A separate patch for each of these issues would be very helpful. I’m not  
personally very concerned about Opera, but I would love to improve the  
IE 6 & 7 support.

–  
John L.  
[http://wiseheartdesign.com](http://wiseheartdesign.com)

---

<div class="post-metadata">

**Author:** ![mahadewa](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/m/9e8a1a/32.png) [@mahadewa](https://www.ruby-forum.com/u/mahadewa)\
**Post date:** [April 14, 2007, 7:02pm UTC](https://www.ruby-forum.com/t/css-bugs-mixed-in-with-ie/91999/3 "2007-04-14T19:02:48Z")

</div>

Happy to.

Is there anyone intimately familiar with main.css? There are a few  
elements that look to be remnants from earlier stylings (like they once  
applied to this issue but now don’t do anything). I’d like to clean  
those up too but I’d hate to learn that some “secret” page somewhere  
needs them.

Anyway, it would help if someone was available to ask questions like  
“what’s the story behind this?” Unlike ruby, CSS is ghastly to read and  
decipher.

---

<div class="post-metadata">

**Author:** ![mahadewa](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/m/9e8a1a/32.png) [@mahadewa](https://www.ruby-forum.com/u/mahadewa)\
**Post date:** [April 17, 2007, 4:58am UTC](https://www.ruby-forum.com/t/css-bugs-mixed-in-with-ie/91999/4 "2007-04-17T04:58:11Z")

</div>

Chris P. wrote:

> Is there anyone intimately familiar with main.css? There are a few  
> elements that look to be remnants from earlier stylings (like they once  
> applied to this issue but now don’t do anything). I’d like to clean  
> those up too but I’d hate to learn that some “secret” page somewhere  
> needs them.

You are welcome to contact me directly with questions about the CSS. I  
just checked in some changes which should fix the two main bugs on IE 6  
on the page edit screen. Can you verify?

–  
John L.  
[http://wiseheartdesign.com](http://wiseheartdesign.com)
