Wanted: Service Need a css expert to fix a problem, fast!

dataguy · Sep 12, 2007

You like a challenge?

The first person who sends me the fix to make the top nav bar at www.ProBlogs.com display in FireFox the same as it does in IE by midnight Eastern time September 2007, I'll send $35 to via PayPal.

Thanks!

tomsa · Sep 12, 2007

Code:

#topmenu {
	margin: 0 0 0 234px;
	position: absolute;
	top: 110px;
	left: 0;


}

should do it, i didn't try on IE

wistow · Sep 12, 2007

http://www.studiovision.co.uk/problogs

Exact to the pixel if i'm not mistaken

jdk · Sep 12, 2007

wistow said:
http://www.studiovision.co.uk/problogs

Exact to the pixel if i'm not mistaken

But now look at it in IE

ewww

dataguy · Sep 12, 2007

tomsa said:
Code:

#topmenu { margin: 0 0 0 234px; position: absolute; top: 110px; left: 0; }

should do it, i didn't try on IE

top: 110px; is perfect in IE, top: 95px; is perfect in FF.

By changing the margin 5px it is one third the way perfect in FF and and two thirds perfect in IE, but not really perfect in either one... sorry!

andrejc · Sep 12, 2007

Did you think about recognizing users web browser through PHP and then using proper .css file? It's sometimes impossible to make site appear properly in all browsers..

dataguy · Sep 12, 2007

wistow said:
http://www.studiovision.co.uk/problogs

Exact to the pixel if i'm not mistaken

Looks like it's 15px off in IE....

andrejc said:
Did you think about recognizing users web browser through PHP and then using proper .css file? It's sometimes impossible to make site appear properly in all browsers..

Yeah, I can do that, but I was hoping for a purely css solution.

wistow · Sep 12, 2007

http://www.studiovision.co.uk/problogs

That better?

dataguy · Sep 12, 2007

wistow said:
http://www.studiovision.co.uk/problogs

That better?

It looks perfect in FF, but not in IE.... still looks 15px too high.

wistow · Sep 12, 2007

What version of IE are you using? I'm using 6 and I swear it's perfect! lol

cursal · Sep 12, 2007

The only true way for them to look the same in both browsers is by way of a css hack.

You have to copy and save a version of your current style sheet with a different name like iehacks.css

Then in the <head> element of all pages add the following code:



Now make the adjustments to the new style sheet so they are consistent with the FF version.

WHA-LA they are now the same in the different browsers.
-------
This is the method I employ when I design sites for my clients.
All coders wish that MS would get their act together and start following the W3C rules.
Not that I'm counting on IE to ever really be compliant.

Here is link for further investigation: Clicky

Good luck

wistow · Sep 12, 2007

or just use

Code:

#divname {
IE css code here
}

html>body #divname {
non IE css code here
}

cursal · Sep 12, 2007

wistow said:
What version of IE are you using? I'm using 6 and I swear it's perfect! lol

IE 6 and IE 7 display the pages differently.

You can install multiple versions of IE using this

and you will see.

Really helps when debugging browser issues

Wanted: Service Need a css expert to fix a problem, fast!

dataguy

Level 4

tomsa

DNF Member

wistow

Wistow.net

jdk

DNF Addict

dataguy

Level 4

andrejc

Level 5

dataguy

Level 4

wistow

Wistow.net

dataguy

Level 4

wistow

Wistow.net

cursal

MomsDigest.com For Sale!

wistow

Wistow.net

cursal

MomsDigest.com For Sale!

Similar threads

The Rule #1

Members Online

☆ Premium Listings

Sedo - it.com Premiums

Premium Members

Latest Comments

Spread the Word!

New Threads

Our Mods' Businesses