Why is there a difference??

[Steve Grosz]

I'm noticing that for some reason the 2 icons I have on my page are
moving in different browsers. Look fine in IE but not in Firefox.

Page is at: [url]www.scootervilleusa.com/Scooters/Pform.cfm?PID=2[/url]

I've tried going through my code and making sure I haven't left anything
hanging, and don't see anything.

Anyone have any suggestions?

Thanks,
Steve

[Anurag]

Steve Grosz wrote:

> I'm noticing that for some reason the 2 icons I have on my page are
> moving in different browsers. Look fine in IE but not in Firefox.
>
> Page is at: [url]www.scootervilleusa.com/Scooters/Pform.cfm?PID=2[/url]
>
> I've tried going through my code and making sure I haven't left anything
> hanging, and don't see anything.
>
> Anyone have any suggestions?
>
> Thanks,
> Steve

I notecied that sometimes Firefox and IE have offer different
"interpretations" of CSS, like the measure for pixels, paddings, etc.

You use tables for the layout of the scooter, then the two icons which
are in a <div> tag and then another table with the scooter description.

I think the two browsers seem to diagree on what to do after the div
tags. here is your code.

> <div align="center"><table width="50%" >
> <tr>
> <td width="15%"><img src="images/logos/peirspeed1342.gif" width="111" height="52" alt=""></td>
> <td><div align="center"><img src="../Scooters/images/Peirspeed/cheetah300.jpg" alt="Peirspeed Cheetah XS"></div></td>
> <td width="15%"><img src="images/logos/peirspeed1342.gif" width="111" height="52" alt=""></td>
> </tr>
>
> </table></div>
>
> <div class="style2"><a href="javascript:print_page()"><img src="images/logos/printer.jpg" border="0"></a></div><div class="style2">
> <div align="left"><img src="images/logos/email1.jpg" alt="Email information"></div>
> </div>
> <div align="center" class="style1">Peirspeed Cheetah XS - ^$Call for price</div>
> <table width="100%" border="1">

Why use "style2" only for the printer Icon and not for both of them?

And, in the first place, why not use tables to do the whole layout ?
(since you don't seem to have a problem with it unlike some CSS puritans)

It could look like this:

<table width="50%" align="center"> <!-- Scooter Table -->
<tr>
<td> ... Scooter.. etc.</td>
</tr>
</table>
<table width="100%" align="center"> <!-- Icon Table -->
<tr>
<td width="10%> </td> <!-- Icons -->
<td width="90%> Peirspeed Cheetah XS - ^$Call for price <td>
<!-- ...call for price -->
</tr>
</table>
<table width="100%" align="center"> <!-- Scooter Specs -->
<tr>
</tr>
</table>

You just would have to play around with the tables to make sure your
"call price" is nicely aligned with the pretty Scooter pic ;-)

Anurag

PS: in any case make sure that the scooter specs table in your code gets
centered...

PPS: Lambretta rules :-)

[Steve Grosz]

Anurag,

I appreciate the feedback....I did use 'style2' on both of the <div>'s, you
can see it in the code you pasted below. I was trying to not use tables for
the whole format, just for the tabular data......

:)

Steve

"Anurag" <chetan_anurag@yahoo.de> wrote in message
news:d8ancq$rnt$1@forums.macromedia.com...

> Steve Grosz wrote:

>> I'm noticing that for some reason the 2 icons I have on my page are
>> moving in different browsers. Look fine in IE but not in Firefox.
>>
>> Page is at: [url]www.scootervilleusa.com/Scooters/Pform.cfm?PID=2[/url]
>>
>> I've tried going through my code and making sure I haven't left anything
>> hanging, and don't see anything.
>>
>> Anyone have any suggestions?
>>
>> Thanks,
>> Steve

>
> I notecied that sometimes Firefox and IE have offer different
> "interpretations" of CSS, like the measure for pixels, paddings, etc.
>
> You use tables for the layout of the scooter, then the two icons which
> are in a <div> tag and then another table with the scooter description.
>
> I think the two browsers seem to diagree on what to do after the div
> tags. here is your code.
>

>> <div align="center"><table width="50%" >
>> <tr>
>> <td width="15%"><img src="images/logos/peirspeed1342.gif" width="111"
>> height="52" alt=""></td>
>> <td><div align="center"><img
>> src="../Scooters/images/Peirspeed/cheetah300.jpg" alt="Peirspeed Cheetah
>> XS"></div></td>
>> <td width="15%"><img src="images/logos/peirspeed1342.gif" width="111"
>> height="52" alt=""></td>
>> </tr>
>>
>> </table></div>
>>
>> <div class="style2"><a href="javascript:print_page()"><img
>> src="images/logos/printer.jpg" border="0"></a></div><div class="style2">
>> <div align="left"><img src="images/logos/email1.jpg" alt="Email
>> information"></div>
>> </div>
>> <div align="center" class="style1">Peirspeed Cheetah XS -
>> ^$Call for price</div>
>> <table width="100%" border="1">

>
> Why use "style2" only for the printer Icon and not for both of them?
>
> And, in the first place, why not use tables to do the whole layout ?
> (since you don't seem to have a problem with it unlike some CSS puritans)
>
> It could look like this:
>
> <table width="50%" align="center"> <!-- Scooter Table -->
> <tr>
> <td> ... Scooter.. etc.</td>
> </tr>
> </table>
> <table width="100%" align="center"> <!-- Icon Table -->
> <tr>
> <td width="10%> </td> <!-- Icons -->
> <td width="90%> Peirspeed Cheetah XS - ^$Call for price <td>
> <!-- ...call for price -->
> </tr>
> </table>
> <table width="100%" align="center"> <!-- Scooter Specs -->
> <tr>
> </tr>
> </table>
>
> You just would have to play around with the tables to make sure your
> "call price" is nicely aligned with the pretty Scooter pic ;-)
>
> Anurag
>
> PS: in any case make sure that the scooter specs table in your code gets
> centered...
>
> PPS: Lambretta rules :-)

[Murray *TMM*]

> I notecied that sometimes Firefox and IE have offer different

> "interpretations" of CSS, like the measure for pixels, paddings, etc.

Huh? A pixel is a pixel in both. But trying to achieve identical
placements of elements in markup like you show is going to be challenging
with percent sized tables and cells. I agree with Anurag that perhaps a new
approach is needed.

Finally, you know that this will most likely fail on Mac/IE5, right?

"><a href="javascript:print_page()"><

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================

"Anurag" <chetan_anurag@yahoo.de> wrote in message
news:d8ancq$rnt$1@forums.macromedia.com...

> Steve Grosz wrote:

>> I'm noticing that for some reason the 2 icons I have on my page are
>> moving in different browsers. Look fine in IE but not in Firefox.
>>
>> Page is at: [url]www.scootervilleusa.com/Scooters/Pform.cfm?PID=2[/url]
>>
>> I've tried going through my code and making sure I haven't left anything
>> hanging, and don't see anything.
>>
>> Anyone have any suggestions?
>>
>> Thanks,
>> Steve

>
> I notecied that sometimes Firefox and IE have offer different
> "interpretations" of CSS, like the measure for pixels, paddings, etc.
>
> You use tables for the layout of the scooter, then the two icons which
> are in a <div> tag and then another table with the scooter description.
>
> I think the two browsers seem to diagree on what to do after the div
> tags. here is your code.
>

>> <div align="center"><table width="50%" >
>> <tr>
>> <td width="15%"><img src="images/logos/peirspeed1342.gif" width="111"
>> height="52" alt=""></td>
>> <td><div align="center"><img
>> src="../Scooters/images/Peirspeed/cheetah300.jpg" alt="Peirspeed Cheetah
>> XS"></div></td>
>> <td width="15%"><img src="images/logos/peirspeed1342.gif" width="111"
>> height="52" alt=""></td>
>> </tr>
>>
>> </table></div>
>>
>> <div class="style2"><a href="javascript:print_page()"><img
>> src="images/logos/printer.jpg" border="0"></a></div><div class="style2">
>> <div align="left"><img src="images/logos/email1.jpg" alt="Email
>> information"></div>
>> </div>
>> <div align="center" class="style1">Peirspeed Cheetah XS -
>> ^$Call for price</div>
>> <table width="100%" border="1">

>
> Why use "style2" only for the printer Icon and not for both of them?
>
> And, in the first place, why not use tables to do the whole layout ?
> (since you don't seem to have a problem with it unlike some CSS puritans)
>
> It could look like this:
>
> <table width="50%" align="center"> <!-- Scooter Table -->
> <tr>
> <td> ... Scooter.. etc.</td>
> </tr>
> </table>
> <table width="100%" align="center"> <!-- Icon Table -->
> <tr>
> <td width="10%> </td> <!-- Icons -->
> <td width="90%> Peirspeed Cheetah XS - ^$Call for price <td>
> <!-- ...call for price -->
> </tr>
> </table>
> <table width="100%" align="center"> <!-- Scooter Specs -->
> <tr>
> </tr>
> </table>
>
> You just would have to play around with the tables to make sure your
> "call price" is nicely aligned with the pretty Scooter pic ;-)
>
> Anurag
>
> PS: in any case make sure that the scooter specs table in your code gets
> centered...
>
> PPS: Lambretta rules :-)

[Steve Grosz]

What would be your recommendation for a 'new approach' then? No, I
didn't know it wouldn't work on IE5....

What method of printing will work for both Mac/IBM's??

Steve

Murray *TMM* wrote:

>>I notecied that sometimes Firefox and IE have offer different
>>"interpretations" of CSS, like the measure for pixels, paddings, etc.

>
>
> Huh? A pixel is a pixel in both. But trying to achieve identical
> placements of elements in markup like you show is going to be challenging
> with percent sized tables and cells. I agree with Anurag that perhaps a new
> approach is needed.
>
> Finally, you know that this will most likely fail on Mac/IE5, right?
>
> "><a href="javascript:print_page()"><
>

[darrel]

> What method of printing will work for both Mac/IBM's??

The age-old method of the end-user going to FILE >> PRINT.

-Darrel

[Murray *TMM*]

If you *must* have a separate button/link, do this -

Put this in the head of the document -

<script type="text/javascript">
function print_page(where){
var is_mac=(navigator.platform.indexOf("ac") != -1);
(document.all && is_mac)?
alert("Select \"Print\" from the menu") : where? where.window.print() :
window.print();
}
</script>

Put this in the body of the document -

<a href="javascript:print_page()">Print this</a>



--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================

"darrel" <notreal@hotmail.com> wrote in message
news:d8c9lh$3mj$1@forums.macromedia.com...

>

>> What method of printing will work for both Mac/IBM's??

>
> The age-old method of the end-user going to FILE >> PRINT.
>
> -Darrel
>
>

[Steve Grosz]

I appreciate the code for printing.....any ideas on the best way to
redesign the page? :)

Murray *TMM* wrote:

> If you *must* have a separate button/link, do this -
>
> Put this in the head of the document -
>
> <script type="text/javascript">
> function print_page(where){
> var is_mac=(navigator.platform.indexOf("ac") != -1);
> (document.all && is_mac)?
> alert("Select \"Print\" from the menu") : where? where.window.print() :
> window.print();
> }
> </script>
>
> Put this in the body of the document -
>
> <a href="javascript:print_page()">Print this</a>
>
>
>

[Steve Grosz]

Actually, I checked my code, and that is what I already have in there
for the printing script......

Murray *TMM* wrote:

> If you *must* have a separate button/link, do this -
>
> Put this in the head of the document -
>
> <script type="text/javascript">
> function print_page(where){
> var is_mac=(navigator.platform.indexOf("ac") != -1);
> (document.all && is_mac)?
> alert("Select \"Print\" from the menu") : where? where.window.print() :
> window.print();
> }
> </script>
>
> Put this in the body of the document -
>
> <a href="javascript:print_page()">Print this</a>
>
>
>

[Murray *TMM*]

Yes - use CSS to position everything above the table with borders. Make
sure your page has an opening <body> tag.

Like that. 8)

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================

"Steve Grosz" <boise_bound@hotmail.com> wrote in message
news:d8cbgm$65o$1@forums.macromedia.com...

>I appreciate the code for printing.....any ideas on the best way to
>redesign the page? :)
>
> Murray *TMM* wrote:

>> If you *must* have a separate button/link, do this -
>>
>> Put this in the head of the document -
>>
>> <script type="text/javascript">
>> function print_page(where){
>> var is_mac=(navigator.platform.indexOf("ac") != -1);
>> (document.all && is_mac)?
>> alert("Select \"Print\" from the menu") : where? where.window.print() :
>> window.print();
>> }
>> </script>
>>
>> Put this in the body of the document -
>>
>> <a href="javascript:print_page()">Print this</a>
>>
>>

[darrel]

> Actually, I checked my code, and that is what I already have in there
> for the printing script......

But ask yourself if you even need a print button on the screen. Even the
most untrained of computer users can use the FILE >> PRINT function. Also,
many folks expect the PRINT link ON a page to actually go to a
print-friendly page, not open the print dialogue window.

-Darrel

[Steve Grosz]

I'm not sure what you mean by 'position above the table with
borders'.... Are you saying just use CSS to position everything above
the tables? Or use 'borders' to position everything above the table
with CSS's help?

Murray *TMM* wrote:

> Yes - use CSS to position everything above the table with borders. Make
> sure your page has an opening <body> tag.
>
> Like that. 8)
>