My site looks good on Firefox,but not in IE6

my site looks bad in Internet Explroer 6.0

Page 1 of 1

10 Replies - 1477 Views - Last Post: 16 July 2009 - 03:28 PM

#1 mjordy53  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 5
  • Joined: 05-March 09

My site looks good on Firefox,but not in IE6

Post icon  Posted 17 June 2009 - 05:48 PM

This is the main CSS stylesheet:
* {
	padding: 0;
	margin: 0;
} 

body {
background: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #333333;;
}

img { border: none; }
a { color: #57626a; text-decoration: none; }
a:hover { text-decoration: underline; color : #000; }

#wrap {
margin: 0 auto;
width: 800px;
}

#header { 
padding: 10px 0 20px 0;
}
#header h1 {
font-size: 26px;
font-weight: 100;
letter-spacing: -3px;
padding: 12px 0 5px 10px;
}
#header h1 a {
color: #57626a;
text-decoration: none;
}
#header h1 a:hover {
color: #57626a;
text-decoration: none;
}
#header h2 {
color: #ccc;
font-size: 15px;
font-weight: 100;
padding: 0 0 0 11px;
letter-spacing: -1px;
line-height: 12px;
}

#menu {
height: 40px;
line-height: 40px;
background: #57626a url(menu.jpg) no-repeat;
text-transform: uppercase;
}
#menu ul {
padding-left: 10px;
list-style-type: none;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
color: #eee;
padding: 0 10px;
text-decoration: none;
font-weight: 100;
font-size: 14px;
letter-spacing: -1px;
}
#menu ul li a:hover {
color: #eee;
text-decoration: underline;
}

#content {
padding: 10px 20px;
}

.right {
width: 568px;
float: right;
text-align: justify;
}
.right h2 {
color: #FF4800;
font-size: 20px;
letter-spacing: -3px;
font-weight: 100;
padding : 10px 0 15px 0;
}

.left {
width: 160px;
float: left;
padding: 10px;
border-right: 1px solid #bbb;
font-size: 12px;
}
.left ul {
list-style-type: square;
padding: 5px 10px 10px 20px;
color: #57626a;
}
.left h2 {
height: 30px;
font-size: 14px;
color: #777;
line-height: 30px;
font-weight: 600;
}
.left a { text-decoration: none }

#footer {
background: #eee;
border-top: 3px solid #57626a;
margin-top: 20px;
text-align: center;
color: #333;
font-size: 11px;
padding: 10px;
}

the side menu code is in the HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
 <head>
  <title>Mauricio Jordan Photography</title>
   <meta http-equiv="Content-Language" content="English" />
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	 <meta name="description" content="photography,Digital photography,cameras,2d and 3d product,multimedia gadgets, Photoshop, reviews," />
	   <meta name="robots" content="index,follow" />
	  <link rel="stylesheet" type="text/css" href="newstyletest.css" media="screen" /"print"/>
	   </head>
		<body>
		   <div id="wrap">
		   <div id="header">
		   <center>
		  <img src="newlogo1.gif" ALT="newlogo1.gif"><br />
		 <center>member:<a href="http://www.aipress.com/aiuniv">American International News Services</a>
		</div>
	   <div id="menu">
	  <ul>
 <li><a href="http://www.geocities.com/mauroj2/newindex.html">Home</a></li>
   <li><a href="htpp://www.geocities.com/mauroj2/2dgallery.html">2D Gallery</a></li>
	<li><a href="http://www.geocities.com/mauroj2/3dgallery.html">3D gallery</a></li>
	  <li><a href="http://www.geocities.com/mauroj2/photoshop.html">Photoshop gallery</a></li>
		<li><a href="http://www.geocities.com/mauroj2/review1.html">Product Review</a></li>
		 <li><a href="http://www.geocities.com/mauroj2/newreview4.html">Rock Living Legends</a></li>
		  </ul></center>
		 </div>
		<div id="content">
		<div class="right"> 
	   <h1>Mauricio Jordan Photography</a></h1>
	  <div class="articles">
	 <br />
<p>I am a Special Assignment Correspondent <a href="http://www.geocities.com/mauroj2/mauricio1.jpg">Photographer</a>,affiliated with <a href="http://www.aipress.com/ai/ai.htm"><i>American International News Service</i></a> and a contributing news and Celebrity photographer for <a href="http://www.geocities.com/mauroj2/magazine1.jpg"><i>Today's Photographer Magazine</i></a> and,soon,for People magazine.Celebrities are invited to visit the <a href="http://www.geocities.com/mauroj2/celebindex.html">Modern Celebrity Portraiture</a>page.To try a celebrity photo shoot,please <a href="http://us.z.geocities.yahoo.com/gb/sign?member=mauroj2">contact me.</a></P>
<p>  I provide accurate product reviews of the latest Photography,2D and 3D graphics software products.I also evaluate and write reviews of  electric guitars,virtual guitar amps software. Upon your most recent requests to read about portable multimedia players,I will do a few product reviews depending on the willingness of companies to submit their sample products for this review.(coming by the Spring-Summer 2009)keep checking at:
<br />
<a href="http://geocities.com/mauroj2/review1.html"><strong>
<br /><i>New Product Review</i><strong/></a></p>
 <br />
<b>My bi-Monthly <a href=http://www.geocities.com/mauroj2/newsletter.html">"NEWSLETTER</a> with valuable professional photography tips and tricks is ready! click on the newsletter link,and if you wish to subscribe ask for it in the contact page,enjoy!
<b><u>Welcome to this site where you will find great Product Reviews and images and entertainment</u></b>
	  <br />
		<br />
<a href="http://www.geocities.com/mauroj2/photoshop.html"><b><u>The Photoshop Gallery</u></b></a>Welcome to my Photoshop Gallery Page! where I display a gallery of original Photoshop illustrations created from scratch to show the creative potential of this photographer's and digital artist's tool.
		   </div>
<a href="http://www.geocities.com/mauroj2/newreview4.html><h4>Living Legends of Rock galleries</h4></a><br />
<a href="http://www.geocities.com/mauroj2/newreview4.html"><h4><u>Music Product review</u></h4></a>
<div class="articles">
<p>This section is exclusively dedicated to the living legends of rock:The Rolling Stones,the Eagles,John Fogerty,etc. Here you will find live concert photos I took at various live concerts.Enjoy!</p>
<p>To announce your tour and/or concert scheduled <a href="http://us.z.geocities.yahoo.com/gb/sign?member=mauroj2">contatc me.</>
		  <br />
<p><u>Latest update:</u><br />I have been extremely concerned about the idea of saving our forests(our planet's lungs)by planning to create a completely paperless online celebrity e-newspaper,or ezine,just like the print version,with fresh news,photos,and even advertising,but with a much larger readership on the internet! your comments will help me to get motivated to carry this project to be realized.</p>
<p>From now on I will submit photos,newsletters,contact forms,press credentials request,editorial request,etc. through electronic digital forms only,let's all of us contribute to save our forests and natural resources.</P>
<br />
<script type="text/javascript"><!--
amazon_ad_tag = "mauroj2-20"; amazon_ad_width = "728"; amazon_ad_height = "90";//--></script>
<script type="text/javascript" src="http://www.assoc-amazon.com/s/ads.js"></script>
		 <iframe src="http://rcm.amazon.com/e/cm?t=mauroj2-20&o=1&p=8&l=as1&asins=B001P5HRMI&fc1=000000&IS2=1&lt1=_blank&m=amazon&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe><a href="http://astore.amazon.com/mauroj2-20"><u>please,Visit Product Store</u></a>

</div>
</div>
<div class="left"> 
<style type="text/css">
.urbangreymenu{
width: 160px; 
}
.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 no-repeat 
margin-bottom: 0;
text-transform: uppercase;
padding: 7px 0 7px 31px; 
}
.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; 
}
.urbangreymenu ul li{
padding-bottom: 2px; 
}
.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; 
text-decoration: none;
}
.urbangreymenu ul li a:visited{
color: black;
}
.urbangreymenu ul li a:hover{ 
color: white;
background: black;
}
  </style>
   <div class="urbangreymenu">
	<h3>My Pages</h3>
	  <ul>
	   <li><a href="http://astore.amazon.com/mauroj2-20">Product Store</a></li>
		<li><a href="http://www.geocities.com/mauroj2/2dgallery.html">2D Gallery</a></li>
		 <li><a href="http://www.geocities.com/mauroj2/3dgallery.html/">3D gallery</a></li>
		 <li><a href="http://www.geocities.com/mauroj2/photoshop.html">Photoshop Gallery</a></li>
		<li><a href="http://www.geocities.com/mauroj2/review1.html">Product Review</a></li>
	   <li><a href="http://www.geocities.com/mauroj2/celebindex.html">Celebrity Photography</li></a>
<li><a href="http://www.geocities.com/mauroj2/eaglesgallery.html">Rock Living Legends</a></li>
	 <li><a href="http://www.geocities.com/mauroj2/aboutme.html">About Me</a></li>
	<li><a href="http://www.geocities.com/mauroj2/contact.html">Contact Me</a></li>
   </ul>
   <h3>Older Reviews</h3>
  <ul>
	<li><a href="http://www.geocities.com/mauroj2/oldreview.html">Summer 2002</a></li> 
	  <li><a href="http://www.geocities.com/mauroj2/oldreview2.html">Summer 2003</a></li> 
		<li><a href="http://www.geocities.com/mauroj2/review2.html">Summer 2004</a></li> 
		 <li><a href="http://www.geocities.com/mauroj2/review3.html">Spring 2005</a></li>
		  <li><a href="http://www.geocities.com/mauroj2/review4.html">Live Concert </a></li>
			<u>New pages:</u> 
			 <li><a href="http://www.geocities.com/mauroj2/photogallery.html">Car gallery</a></li> 
		   <li><a href="http://www.geocities.com/mauroj2/eaglesgallery.html">The Eagles Concert</a></li> 
		  <li><a href="http://www.geocities.com/mauroj2/kimono.html">Kimono Gallery</a></li> 
		<li><a href="http://www.geocities.com/mauroj2/celebindex.html">Celebrity Gallery</a></li>
	   <li><a href="http://www.geocities.com/mauroj2/newsletter.html">Newsletter</a></li>
	  <li><a href="http://www.geocities.com/mauroj2/untitled.html">Photoshop Tutorials</a></li>
	  <li><a href="http://www.geocities.com/mauroj2/newsletter.html">Photography Tips</a></li>
	 </ul>
	</ul>
</div>
</div>
<div style="clear: both;"> </div>
</div>
<div class="cse-branding-bottom" style="background-color:#FFFFFF;color:#000000">
  <div class="cse-branding-form">
	<form action="http://www.google.com/cse" id="cse-search-box" target="_blank">
	  <div>
		<input type="hidden" name="cx" value="partner-pub-4229815225763388:ak1d0xysoj0" />
		<input type="hidden" name="ie" value="ISO-8859-1" />
		<input type="text" name="q" size="31" />
		<input type="submit" name="sa" value="Search" />
	  </div>
	</form>
  </div>
  <div class="cse-branding-logo">
	<img src="http://www.google.com/images/poweredby_transparent/poweredby_FFFFFF.gif" alt="Google" />
  </div>
  <div class="cse-branding-text">
	Custom Search
  </div>
<div id="cse-search-results"></div>
<script type="text/javascript">
  var googleSearchIframeName = "cse-search-results";
  var googleSearchFormName = "cse-search-box";
  var googleSearchFrameWidth = 800;
  var googleSearchDomain = "www.google.com";
  var googleSearchPath = "/cse";
</script>
<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>
<br />
<script type="text/javascript"><!--
google_ad_client = "pub-4229815225763388";
/* 728x90, created 4/15/09 */
google_ad_slot = "8370898638";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

<br />Back to:<a href="http://www.geocities.com/mauroj2/newindex.html">top of page</a>
</div>

<div id="footer">
<u>All CopyRights &copy;2008-2009 Mauricio Jordan Photography</u>


</div>
</div>

</body>
</html>

can you spot any mistakes?

Is This A Good Question/Topic? 0
  • +

Replies To: My site looks good on Firefox,but not in IE6

#2 firebolt  Icon User is offline

  • D.I.C Lover
  • member icon

Reputation: 92
  • View blog
  • Posts: 5,561
  • Joined: 20-February 09

Re: My site looks good on Firefox,but not in IE6

Posted 17 June 2009 - 11:35 PM

The site check forum is for checking sites, rather than checking codes.
Was This Post Helpful? 0
  • +
  • -

#3 no2pencil  Icon User is offline

  • Head MFIC
  • member icon

Reputation: 5066
  • View blog
  • Posts: 26,448
  • Joined: 10-May 07

Re: My site looks good on Firefox,but not in IE6

Posted 17 June 2009 - 11:45 PM

** Moved to HTML & CSS **
Was This Post Helpful? 0
  • +
  • -

#4 andrewmoquin09  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 2
  • Joined: 18-June 09

Re: My site looks good on Firefox,but not in IE6

Posted 18 June 2009 - 01:36 AM

IE6 and firefox are totally different. I have experienced that also when I was practicing in designing a site. It makes me frustrated when everything change as I view my site at firefox. All I can say, do not use firefox in viewing your site. Use the IE and everything will just follow when you are viewing it in firefox.

And of course, try to fix your own error and don't let anyone here fix it for you. How could you learn if you will just depend here?
Was This Post Helpful? 0
  • +
  • -

#5 tommyflint  Icon User is offline

  • D.I.C Addict
  • member icon

Reputation: 34
  • View blog
  • Posts: 679
  • Joined: 24-July 08

Re: My site looks good on Firefox,but not in IE6

Posted 18 June 2009 - 02:26 AM

It would be helpful if you could post screen shots of both so we see exactly where it is looking wrong?

tommyfliny
Was This Post Helpful? 0
  • +
  • -

#6 ratheeshp  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 1
  • Joined: 28-June 09

Re: My site looks good on Firefox,but not in IE6

Posted 16 July 2009 - 07:09 AM

View Posttommyflint, on 18 Jun, 2009 - 01:26 AM, said:

It would be helpful if you could post screen shots of both so we see exactly where it is looking wrong?

tommyfliny


You have used <center> tag at the top. That is why text is aligned center in the list. To solve it in IE
In the class
.urbangreymenu ul li a
{
add
text-align:left;
}

This post has been edited by ratheeshp: 16 July 2009 - 07:10 AM

Was This Post Helpful? 0
  • +
  • -

#7 coryroc  Icon User is offline

  • New D.I.C Head

Reputation: 1
  • View blog
  • Posts: 35
  • Joined: 18-February 09

Re: My site looks good on Firefox,but not in IE6

Posted 16 July 2009 - 07:25 AM

If at all possible, do not code for IE6. I understand those who say you need to be mindful of ALL of your users, but let's face it...IE6 is on its way out.

And honestly, if an end-user doesn't care enough to upgrade their browser...I don't care enough to spend extra hours using archaic code to make things work properly in an archaic browser.
Was This Post Helpful? 0
  • +
  • -

#8 gregwhitworth  Icon User is offline

  • Tired.
  • member icon

Reputation: 216
  • View blog
  • Posts: 1,602
  • Joined: 20-January 09

Re: My site looks good on Firefox,but not in IE6

Posted 16 July 2009 - 09:07 AM

Quote

If at all possible, do not code for IE6. I understand those who say you need to be mindful of ALL of your users, but let's face it...IE6 is on its way out.


AMEN! Digg and Youtube have been spotted releasing disclaimers to IE6 users. The more that we support and hold up the IE6 users the longer they will use it. The sooner their sites stop working, the sooner they will update their browsers.

I have the theory of 2's, support the 2 latest browsers of each make. So now with the release of IE8 I don't even think about IE6.

--

Greg
Was This Post Helpful? 0
  • +
  • -

#9 coryroc  Icon User is offline

  • New D.I.C Head

Reputation: 1
  • View blog
  • Posts: 35
  • Joined: 18-February 09

Re: My site looks good on Firefox,but not in IE6

Posted 16 July 2009 - 09:24 AM

View Postgregwhitworth, on 16 Jul, 2009 - 10:07 AM, said:

I have the theory of 2's, support the 2 latest browsers of each make. So now with the release of IE8 I don't even think about IE6.


Well said...my thoughts exactly.
Was This Post Helpful? 0
  • +
  • -

#10 neit  Icon User is offline

  • D.I.C Head

Reputation: 15
  • View blog
  • Posts: 187
  • Joined: 13-February 09

Re: My site looks good on Firefox,but not in IE6

Posted 16 July 2009 - 02:12 PM

Alot of companies may still use IE6. I know mine do and everything is locked
down so when cannot install other browsers or use portable versions.

Posting a link to your site if available would help
Was This Post Helpful? 0
  • +
  • -

#11 KuroTsuto  Icon User is offline

  • D.I.C Head
  • member icon

Reputation: 42
  • View blog
  • Posts: 182
  • Joined: 13-February 09

Re: My site looks good on Firefox,but not in IE6

Posted 16 July 2009 - 03:28 PM

Quote

Alot of companies may still use IE6.


A lot of good web-design companies and sites are actually phasing out support for IE6 because it's such a crappy browser. Check it out: http://www.techcrunc...upport-goodbye/. YouTube's and Twitter are only a handful of the higher-profile sites.

Alternately you can design your stylesheets based on a universal base that sets essentially EVERYTHING to compatible defaults, i.e. http://code.google.c...versal-ie6-css/.

Another solution is to use PHP, javascript, for IE conditional html comments to load a completely different stylesheet of IE6.

Personally, I'm for dropping support of IE6... It causes too many headaches and too much frustration trying to account for all of its shortcomings. Its fairly safe to say that I hate it with a passion and now, with my clients' permission, simply include a message that alerts IE6 users that their browser is not supported on said sites.

IE6 is two major versions old, now.... Its time to put it to rest. As of June 2009 only a little over 10% of internet-users actually still used IE6, and that percentage is dropping by a considerable number each year. Its time to update ;). I say don't worry about how it looks in IE6 or below, but unquestionably test it in IE7.

Cheerios,
~KuroTsuto

EDIT: Another article worth reading: http://sonspring.com...ime-to-drop-ie6

This post has been edited by KuroTsuto: 17 July 2009 - 09:41 AM

Was This Post Helpful? 0
  • +
  • -

Page 1 of 1