The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

HTML Cross-browser compatibility issue

2 posters

Go down

HTML Cross-browser compatibility issue Empty HTML Cross-browser compatibility issue

Post by RSguideMaker Tue 26 Jun - 19:44

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: HTML Cross-browser compatibility issue Navbarchrome

Internet Explorer: HTML Cross-browser compatibility issue Navbarie


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
RSguideMaker
New Member

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

http://superiorgaming.forumotion.com

Back to top Go down

HTML Cross-browser compatibility issue Empty Re: HTML Cross-browser compatibility issue

Post by LGforum Wed 27 Jun - 0:39

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
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

Back to top Go down

Back to top


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