Absolute Postion and Cross Browser

mjrzasa · 01-26-2012, 05:38 AM

I saw here:http://www.webmasterworld.com/css/4355744.htm
that absolute position could solve my <hr> issue, but IE and FF won't agree on how far from the top any amount of pixels is...

I asked this question with the details here:

http://answers.yahoo.com/question/in...5223007AAb07eS

CaldwellYSR · 01-26-2012, 11:49 AM

I have the perfect solution for IE. First in the <head> of your html you put

HTML Code:

<!--[if lt IE9 ]>
  <script type="text/javascript">
    window.location = 'ie.html';
  </script> 
<![endif]-->

then your ie.html looks like this.

HTML Code:

<!DOCTYPE html>
<html>
<head>
  <title>Internet Explorer Sucks!</title>
  <script>
    alert("I'm terribly sorry but your browser isn't up to web standards. Please visit on of the following links for a better browser");
  </script>
</head>
<body>
  <h2>I'm terribly sorry but your browser isn't up to web standards. Please visit on of the following links for a better browser</h2>
  <ul>
    <li><a href="http://www.mozilla.com/en-US/firefox/new/">Mozilla Firefox</a></li>
    <li><a href="http://www.google.com/chrome/">Google Chrome</a></li>
    <li><a href="http://www.opera.com/">Opera</a></li>
    <li><a href="http://www.apple.com/safari/">Safari</a></li>
  </ul>
</body>
</html>

Of course this doesn't work for people using IE and not using javascript but let's be honest if you're using IE and javascript is disabled then you probably are too technologically retarded to read the web page anyways so it's not worth worrying about all 5 of those people that will be visiting your site.

mjrzasa · 01-27-2012, 03:30 AM

Maybe you are trying to joke, but does that jsut tell them not to use IE?

CaldwellYSR · 01-27-2012, 04:07 AM

Yes that's exactly what it does!

It's a joke answer because I'm sure that's not what you wanted but it's what I do.

mjrzasa · 01-27-2012, 06:56 AM

Ha, happy at least I could understand it xD

CaldwellYSR · 01-27-2012, 02:05 PM

I use it on my site because I have alot of absolute positioning. Plus I pretty much refuse to build for anything less than IE 9.

PixelPusher · 01-27-2012, 08:40 PM

First off, avoiding a problem is NOT solving it.
IE can be awkward, yes, but a skilled designer/front dev knows how to overcome this challenge

I agree with the accepted response on Yahoo Answers and recommend using conditional statements. I'm curious though, is the the difference that significant that it requires all this attention? Do you have a link to the site? And lastly, why are you using AP (absolute position) for your headings?

mjrzasa · 01-28-2012, 04:29 AM

Yes, this is what is the difference, pretty substantial.
http://imageshack.us/photo/my-images/444/88776155.jpg/

Janja · 01-28-2012, 04:46 AM

IE will have a default margin. I usually put this code into my style sheet at the top, so I can reset all default margins. That way, I have all the control over each element in my css. Hope that helps.

html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
}

mjrzasa · 01-28-2012, 06:49 AM

Interesting, but doesn't body {margin: 0;
padding: 0;
border: 0;
font-size: 100%;}
do all that since the entire page is within <body> </body> ?

01-26-2012, 05:38 AM	#1
mjrzasa Bronze Member Join Date: Jan 2012 Location: Chicago Posts: 63	Absolute Postion and Cross Browser I saw here:http://www.webmasterworld.com/css/4355744.htm that absolute position could solve my <hr> issue, but IE and FF won't agree on how far from the top any amount of pixels is... I asked this question with the details here: http://answers.yahoo.com/question/in...5223007AAb07eS

01-27-2012, 04:07 AM	#4
CaldwellYSR Gold Member Join Date: Jun 2011 Location: Riverton, WY Posts: 443	Yes that's exactly what it does! It's a joke answer because I'm sure that's not what you wanted but it's what I do. __________________ Matthew Caldwell ~ Krymson Productions ~ E-Mail Me

01-27-2012, 02:05 PM	#6
CaldwellYSR Gold Member Join Date: Jun 2011 Location: Riverton, WY Posts: 443	I use it on my site because I have alot of absolute positioning. Plus I pretty much refuse to build for anything less than IE 9. __________________ Matthew Caldwell ~ Krymson Productions ~ E-Mail Me

01-27-2012, 08:40 PM	#7
PixelPusher Super Moderator Join Date: Oct 2008 Location: Arizona, USA Posts: 1,053	First off, avoiding a problem is NOT solving it. IE can be awkward, yes, but a skilled designer/front dev knows how to overcome this challenge I agree with the accepted response on Yahoo Answers and recommend using conditional statements. I'm curious though, is the the difference that significant that it requires all this attention? Do you have a link to the site? And lastly, why are you using AP (absolute position) for your headings? __________________ John Darling Graphic / Web Designer SmarterTools Inc. (877) 357-6278 www.smartertools.com

01-28-2012, 04:46 AM	#9
Janja Bronze Member Join Date: Jul 2011 Location: Vista, CA Posts: 65	IE will have a default margin. I usually put this code into my style sheet at the top, so I can reset all default margins. That way, I have all the control over each element in my css. Hope that helps. html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, { margin: 0; padding: 0; border: 0; font-size: 100%; } __________________ JANJAWATSON www.jewel-webdesign.com Last edited by Janja; 01-28-2012 at 04:53 AM.

01-27-2012, 03:30 AM	#3
mjrzasa Bronze Member Join Date: Jan 2012 Location: Chicago Posts: 63	Maybe you are trying to joke, but does that jsut tell them not to use IE?

01-27-2012, 06:56 AM	#5
mjrzasa Bronze Member Join Date: Jan 2012 Location: Chicago Posts: 63	Ha, happy at least I could understand it xD

01-28-2012, 04:29 AM	#8
mjrzasa Bronze Member Join Date: Jan 2012 Location: Chicago Posts: 63	Yes, this is what is the difference, pretty substantial. http://imageshack.us/photo/my-images/444/88776155.jpg/

01-28-2012, 06:49 AM	#10
mjrzasa Bronze Member Join Date: Jan 2012 Location: Chicago Posts: 63	Interesting, but doesn't body {margin: 0; padding: 0; border: 0; font-size: 100%;} do all that since the entire page is within <body> </body> ?

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode