This is why I dislike IE...

[Cronic]

Anyone know how to fix this.. The way it should be is as firefox shows its in this screenshot below.

[ATTACH=CONFIG]371[/ATTACH]

Now when I open it with Internet Explorer it looks like this:

[ATTACH=CONFIG]372[/ATTACH]

I just used an easy html tag like this:

<hr width="95%" align="center">

 

Into the stylesheet file:

[CSS]

hr{

opacity: 0.1;

}

[/CSS]

Like I said in FireFox its the way how it should be, yet Internet Explorer shows something different.

[Spudinski]

http://modernizr.com/

[Cronic]

Yeah, its about the <HR> lines i'm talking about. I'm trying to change them for IE so they look exactly how they show up on FireFox.

[Lithium]

<hr> is simply.. . fugly, make a small gif, with the minimum size (height and width) possible and use it instead the <hr> tag!

[Ishraq]

I think each browser sees thing differently.

Shouldn't it be <hr width="xxx" />

[Spudinski]

I think each browser sees thing differently.

Shouldn't it be <hr width="xxx" />

No.

@Lith: HR is perfectly fine, it's much more efficient than an image.

Also, a DIV box works equally well, though a HR is better.

[bluegman991]

ie uses this css property for opacity

 

[color=#070606]filter: alpha(opacity=50);[/color]

 

so u will need

[css]hr {

filter: alpha(opacity=10);

opacity: 0.1;

}[/css]

Edited April 30, 2012 by bluegman991

[Cronic]

Thanks, got it fixed now. ;)