Simple HTML, HUGE Problem

[LostInThought]

<input type="text" style="border:solid 1px black;background-color:white;" /><input type="button" value="button" style="border:solid 1px black;background-color:Silver;" />

Such simple html/css but so difficult to get it right. Look what happens when viewed in different browsers

firefox (http://img408.imageshack.us/img408/6539/firefox2wh8.png)
internet explorer 6 (http://img408.imageshack.us/img408/7451/internetexplorer6rd6.png)
internet explorer 7 (http://img401.imageshack.us/img401/6254/internetexplorer7je4.png)
opera 9 (http://img300.imageshack.us/img300/6642/opera9qx9.png)
safari 3
(http://img512.imageshack.us/img512/3974/safari3pt9.png)
It only does the expected in firefox and opera. How do I get the other 3 browsers to produce the same output?

[Saeed Al-Muslim]

As Salaamu Alaikum,

HTML is for layout, and CSS is for presentation. You could try using CSS.

Ma'aSalaama

[LostInThought]

I am using css.

For the textbox i am using the css:
style="border:solid 1px black;background-color:white;"

For the button i am using the css:
style="border:solid 1px black;background-color:Silver;"

Right know it is just inline css. I did that to make it easier for everyone too see the html and css at the same time.

[Saeed Al-Muslim]

I am using css.Oh yes, my bad I just see it now.

Ma'aSalaama

[MMS]

I am using css.

For the textbox i am using the css:
style="border:solid 1px black;background-color:white;"For the button i am using the css:
style="border:solid 1px black;background-color:Silver;"Right know it is just inline css. I did that to make it easier for everyone too see the html and css at the same time.

hmm u jus need a lil hack for ie to get it to look the same in FF and IE i dnt have safari tho :o

[LostInThought]

hmm u jus need a lil hack for ie to get it to look the same in FF and IE i dnt have safari tho :o

What's this hack? As I am thinking of ditching safari. Safari does silly things like making the textboxes glow when onfocus...

[MMS]

What's this hack? As I am thinking of ditching safari. Safari does silly things like making the textboxes glow when onfocus...

try this

the css
.txtbox
{
border: solid 1px #000;
background: #fff;
}

.button
{
border: solid 1px #000;
background-color: silver;
_height: 20px;

}the html
<input type="text" class="txtbox"/><input type="button" value="button" class="button"/>

[LostInThought]

try this

the css
.txtbox
{
border: solid 1px #000;
background: #fff;
}

.button
{
border: solid 1px #000;
background-color: silver;
_height: 20px;

}the html
<input type="text" class="txtbox"/><input type="button" value="button" class="button"/>

can't stand internet explorer and it's inaccuracies....

but that underscore hack only works in ie6, i did a search and their is another hack with works in ie6+7. instead of the underscore, you have to use a star...

jazak'allah for the hack!

[LostInThought]

flippin' heck!

got it working in ff,ie6,ie7,op,sa........... :rubeyes:

that underscore/star hack is amazing!

now, to test it in linux...