Win a copy of Mesos in Action this week in the Cloud/Virtualizaton forum!
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

DOJO - Support IE 6?

 
Mourouganandame Arunachalam
Ranch Hand
Posts: 396
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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 ]
 
Peter Svensson
Author
Ranch Hand
Posts: 54
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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
Posts: 396
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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
Posts: 54
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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
Posts: 396
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
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
 
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic