File APIs for Java Developers
Manipulate DOC, XLS, PPT, PDF and many others from your application.
http://aspose.com/file-tools
The moose likes HTML, CSS and JavaScript and the fly likes DOJO - Support IE 6? Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "DOJO - Support IE 6?" Watch "DOJO - Support IE 6?" New topic
Author

DOJO - Support IE 6?

Mourouganandame Arunachalam
Ranch Hand

Joined: Oct 29, 2008
Posts: 396
Hi Peter,

I was running a sample DOJO program in FF 3 is working great and IE 7 is also looking good. But when I run the same in IE 6, the look and feel being messed-up Especially, the labels are overlapped with the widgets.

Is DOJO widgets doesn't support IE 6? or something else I'm missing...?

Please share your thought on this.

TIA
Mourougan
[ December 03, 2008: Message edited by: Mourouganandame Arunachalam ]

Mourougan
Open Source leads to Open Mind
Peter Svensson
Author
Ranch Hand

Joined: Sep 29, 2008
Posts: 54
Hi Mourouganandame ,

Dojo supports IE6. Please send me the widget example or paste it here. It is probably something outside Dojo that has been added, or a missed css resource or something (I hope !

Cheers,
PS
Mourouganandame Arunachalam
Ranch Hand

Joined: Oct 29, 2008
Posts: 396
Hi Peter:

Thanks for your reply.

Please find below the HTML code (form.html)



And the CSS code as follows, (form.css)



Kindly let me know what went wrong? I know I'm troubling you....
But I have no other choice !

Thanks in Advance,
Mourougan
Peter Svensson
Author
Ranch Hand

Joined: Sep 29, 2008
Posts: 54
Hi Mourouganandame,
IE6 is notoriously horrible, of course. I tracked down the problem to the very large padding you were using on the form rows (10em), which pushed down elements where they should not be, due to conflicting length and padding.

I also use float:left and float: right on lables and input, just to be sure. Finally I increased the width of the form to 600 to be extra sure that all fitted. If you get errors like these in the future, try increase the available width of the enclosing element first to see if the problem persist

Enclosed is my modified css;

formContainer {
margin: 2px auto;
background: #DBE4FF;
width: 600px;
border-width: 1px;
border-style: solid;
border-color: purple;
padding: 10px;
}

.formTitle {
font-size:24px; font-weight:bold;
padding: 10px;
}

form {
margin-top: 5px;
width: 600px;
}
.formRow {

padding: 4px 0.75em 2px 1em;
}

.formRow label {

float: left;
width: 10em;
display:block;

}

.formRow input {
float: right;
}


Cheers,
PS
Mourouganandame Arunachalam
Ranch Hand

Joined: Oct 29, 2008
Posts: 396
Wow Peter... This is awesome. Finally the culprit is CSS. Thanks a lot.

I never think on this direction since the code was working excellent in other versions.

You are right, I should have tried something on the direction you have pointed out now.

Thanks again for your time.

Cheers,
Mourougan
 
I agree. Here's the link: http://aspose.com/file-tools
 
subject: DOJO - Support IE 6?