The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

HTML Cross-browser compatibility issue

View previous topic View next topic Go down

HTML Cross-browser compatibility issue

Post by RSguideMaker on June 26th 2012, 6:44 pm

Hi there.
I have to code a whole HTML website for IT. Now, the school only uses Internet Explorer, meaning that when I code my things at school, I only know what it looks like on IE. I have reviewed my current webpages at home, and I have seen a problem.

Google Chrome:

Internet Explorer:


Why is it showing differently in the two browsers? Have I coded something wrong? Here is my body code:
Code:
<body>
<div class="wrapper">
            <center><h3><u>London Field Trip</u></h3></center>
            <br />
            <div class="menu" text-align="center">
              <div align="center"></div>
  <ul> <div align="center"><li>
    <div align="center"><a class="current" href="./index.html">Home</a></div>
  </li>
  <li>
    <div align="center"><a href="./pay.html">Pay for the trip</a></div>
  </li>
  <li><a href="./letter home.pdf">Letter</a></li> <li><a href="./bridgeexperience.html">The London Bridge Experience</a></li> <li><a href="./contact.html">Contact</a></li> </ul> <br style="clear:left"/> </div></div>


            <br />
            <p><strong>Please Note:</strong> All permission slips must be returned by 27 June. Any students returning permission slips returned after that date will not be included in the trip.</p>
            <br />
<strong>Price per child:</strong> £32.45 (includes transport and lunch)
<br />
<br />
<strong>Costs:</strong>
<br />
<table border="1">
  <tr>
    <th>Activity</th>
    <th>Cost</th>
  </tr>
  <tr>
    <td>The London Bridge Experience</td>
    <td>£11.50</td>
  </tr>
<tr>
    <td>Science Museum</td>
    <td>£0.00</td>
  </tr>
<tr>
    <td>McDonald's</td>
    <td>£5.00</td>
  </tr>
<tr>
    <td>Day Travelcard (Train Ticket)</td>
    <td>£9.90</td>
  </tr>
</table>
<br />

Plus £6.05 for the teacher's costs.
<br />
<br />


            <div class="push"></div>
       
        <div class="footer"><div align="center">
            Copyright © 2012. All Rights Reserved.</div></div>
       

</body>

I also have an external stylesheet if you think the error may be in there.

RSguideMaker
New Member

Male Posts : 17
Reputation : 3
Language : English UK
Location : United Kingdom

http://superiorgaming.forumotion.com

Back to top Go down

Re: HTML Cross-browser compatibility issue

Post by LGforum on June 26th 2012, 11:39 pm

The issue appears to be more a difference in screen size. On the first image, the screen (or browser window) was likely too small to display the navbar on one line.

As for your HTML, here's a few things to tell your teacher at school Wink
The center tag shouldn't be used, its now deprecated in HTML5 and browser will discontinue to support it.

text-align="center" is not a valid attribute, and is essentially doing nothing.

the align attribute is also deprecated, long ago actually. You should use a style attribute: style="text-align:center"

If your teacher told you to use these attributes and the center tag, then tell them its old code that is now deprecated and should not be used.

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum