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

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:
<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>
    <div align="center"><a href="./pay.html">Pay for the trip</a></div>
  <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 />
<br />
<table border="1">
    <td>The London Bridge Experience</td>
    <td>Science Museum</td>
    <td>Day Travelcard (Train Ticket)</td>
<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>


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

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

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.

Male Posts : 2262
Reputation : 260
Language : English
Location : UK

Back to top Go down

Back to top

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