[SOLVED] Internet Explorer

[gamerzfuse]

I made the age old mistake of not checking my work in Internet Explorer periodically.

Somehow it's all F-ed up..

http://craighooghiem.com/goodwills/final/view.php?stock=1878

 

The page views great in Firefox, but in Internet Explorer it's all screwed up.

 

Which is most likely the problem: (if you don't mind helping me out, not sure if PHP related)

 

a) I have declared two stylesheets

b) I'm missing a <table> or <td> tag somewhere?

c) CSS issues.

 

Anyone have any hints?

[RussellReal]

some firefox and IE dissimilarities are: padding goes on the outside in firefox, margin also, IE, padding goes on the inside, margin goes on the outside..

 

to fix this margin/padding problem, whatever you have a padding on, put it inside of a div which stretches 100%, then give the object on the inside, a margin instead of a padding, OR, use a div, don't give it a specific widthm let it stretch 100% wide and then the padding should hold true across all browsers

 

some css properties in firefox, don't really work well in IE6 so don't try to get extensive css going, stick to, left, right, position, display, padding, margin, and the font and background properties, z-index is buggy sometimes, floats are okay..

 

if you want to make a css hack to fix certain problems in css in ONLY IE6

use this css:

* html <object to apply IE6 specific css> {

}

IE 7+ usually renders very closely to firefox..

 

IE also supports conditional tags

 

<!--[if IE]>

  STUFF TO DO ONLY IN IE

<![endif]-->

 

more information here: http://msdn.microsoft.com/en-us/library/ms537512(VS.85).aspx

[gamerzfuse]

Thanks again Russel, I know most of these tricks.. unfortunately that doesn't appear to be the problem.

The checkboxes in the bottom left of my Firefox page don't even show up in Internet Explorer:

 

<td class="pcdoptions2">
  
  <?php
$checked = ($powermirros == 1) ? 'checked="checked"' : '';
echo '<input type="checkbox" id="powermirrors" name= "powermirrors" onclick="return false;" '.$checked.' "/>';  
?>Power Mirrors<br>

<?php
$checked = ($powerseats == 1) ? 'checked="checked"' : '';
echo '<input type="checkbox" id="powerseats" name= "powerseats" onclick="return false;" '.$checked.' "/>';  
?>Power Seats<br />

<?php
$checked = ($powersteering == 1) ? 'checked="checked"' : '';
echo '<input type="checkbox" id="powersteering" name= "powersteering" onclick="return false;" '.$checked.' "/>';  
?>Power Steering<br />

<?php
$checked = ($powerwindows == 1) ? 'checked="checked"' : '';
echo '<input type="checkbox" id="powerwindows" name= "powerwindows" onclick="return false;" '.$checked.' "/>';  
?>Power Windows<br />

<?php
$checked = ($quadseats == 1) ? 'checked="checked"' : '';
echo '<input type="checkbox" id="quadseats" name= "quadseats" onclick="return false;" '.$checked.' "/>';  
?>Quad Seats<br />

<?php
$checked = ($roofrack == 1) ? 'checked="checked"' : '';
echo '<input type="checkbox" id="roofrack" name= "roofrack" onclick="return false;" '.$checked.' "/>';  
?>Roof Rack<br />

<?php
$checked = ($spoiler == 1) ? 'checked="checked"' : '';
echo '<input type="checkbox" id="spoiler" name= "spoiler" onclick="return false;" '.$checked.' "/>';  
?>Sun Roof<br />
  

  </td>

 

That's one <td> of the two that are meant to display checkboxes with titles (as seen in Firefox)

Any reason these wouldn't be showing up in Internet Explorer?

 

EDIT: Using View Source in IE I see this:

<td class="pcdoptions2">
  
  <input type="checkbox" id="powermirrors" name= "powermirrors" onclick="return false;"  "/>Power Mirrors<br>

<input type="checkbox" id="powerseats" name= "powerseats" onclick="return false;" checked="checked" "/>Power Seats<br />

<input type="checkbox" id="powersteering" name= "powersteering" onclick="return false;"  "/>Power Steering<br />

<input type="checkbox" id="powerwindows" name= "powerwindows" onclick="return false;" checked="checked" "/>Power Windows<br />

<input type="checkbox" id="quadseats" name= "quadseats" onclick="return false;"  "/>Quad Seats<br />

<input type="checkbox" id="roofrack" name= "roofrack" onclick="return false;"  "/>Roof Rack<br />

<input type="checkbox" id="spoiler" name= "spoiler" onclick="return false;" checked="checked" "/>Sun Roof<br />
  

  </td>

 

So why is it not showing up?

[RussellReal]

$checked = ($powermirros == 1) ? 'checked="checked"' : '';

 

misspelled mirrors

 

oh and uhm..

 

  "/>

 

shouldn't be there, FF tends to overlook certain common errors, where IE is more strict

[gamerzfuse]

$checked = ($powermirros == 1) ? 'checked="checked"' : '';

 

misspelled mirrors

 

Thanks. *dumb moment*

 

oh and uhm..

 

  "/>

 

shouldn't be there, FF tends to overlook certain common errors, where IE is more strict

 

Now Can I just change that to "> or am I removing this?

[RussellReal]

change it to /> instead of "/>

[gamerzfuse]

Russel... you are my hero today.

I have been struggling with this application all week.. it's been one hell of a journey.

You just helped relieve the stress of a week's work crashing down around me!

[RussellReal]

anytime bro, if you want to you can add me to MSN or AIM or Yahoo

 

AIM: RussellCrevatas

MSN: RussellonMSN@hotmail.com

Yahoo: sex.meNOW

lol @ my yahoo name, made it a few yrs ago