Welcome! Log In Create A New Profile

Advanced

Google Chrome vers IE

Posted by WPJones123 
Announcements Last Post
Announcement SoC Curricula 09/30/2017 01:08PM
Announcement Demarcation or scoping of examinations and assessment 02/13/2017 07:59AM
Announcement School of Computing Short Learning Programmes 11/24/2014 08:37AM
Announcement Unisa contact information 07/28/2011 01:28PM
Google Chrome vers IE
March 08, 2012 10:34AM
Hi,

Can someone tell me why would my webpage look different in google chrome compared to Internet Explorer? I build my web page with Notepad++ and tested in IE.
For some reason i opened Google Chrome and the top part of my page is left aligned instead of center as specified in the code.

Here is the top part of my page:


Language: HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>INDEX</title> </head> <body bgcolor="black">   <table width="100%" height="20" cellspacing="0" cellpadding="0" align="center" > // Main Table with image <tr align="center"> <img src="images/main_image.gif" > </tr> </table>   <table border="1" width="800" height="100%" align="center" bgcolor="#99FF99"> <tr valign="top"> <td>   <table border="0" align="center" cellpadding="0" cellspacing="0" class="navigation_size"> <tr class="navigation"> <td><img src="images/seperator_gr.png" width="19" height="30"></td> <td><span class="style20"><a href="index.html">Login</a> </span></td> <td><img src="images/seperator_gr.png" width="19" height="30"></td> <td><span class="style20"><a href="register.php">Register</a></span></td> <td><img src="images/seperator_gr.png" width="19" height="30"></td> <td><span class="style20"><a href="insert.php">Insert</a> </span></td> <td><img src="images/seperator_gr.png" width="19" height="30"></td> <td><span class="style20"><a href="list_user.php">List Users</a> </span></td> <td><img src="images/seperator_gr.png" width="19" height="30"></td> <td><span class="style20"><a href="list_products.php">List Products</a> </span></td> <td><img src="images/seperator_gr.png" width="19" height="30"></td> <td><span class="style20"><a href="logout.php">Logout</a> </span></td> <td><img src="images/seperator_gr.png" width="19" height="30"></td> </tr> </table>
Re: Google Chrome vers IE
March 08, 2012 02:01PM
if you trying to align the image to the center, add an opening and closing <td> tag.
Re: Google Chrome vers IE
March 09, 2012 08:48AM
Thanks!

Tried it and now i am good!
Re: Google Chrome vers IE
April 27, 2012 06:16PM
I use a style to center my site. Simply surround what you want to center with div tags. Allocate a CSS class to the div e.g. class="center". The class will then look a bit like this:

[code = "CSS"]
.center
{
margin: 0px auto;
}
[/code]

This will work across browsers by the way. I've tested it in IE, Mozzie, Opera, Chrome and Safari.

Hope this helps
Re: Google Chrome vers IE
May 01, 2012 02:57AM
Hi Mac, I was given supplementary for this year, should I use the email address that I used last year? if you have you havee changed it please notify me.
avatar
Mac
Re: Google Chrome vers IE
May 02, 2012 06:38AM
It is the same. Uhm, what does this have to do with Chrome vs IE?
Sorry, you do not have permission to post/reply in this forum.