Forums

CSS

This topic is locked

looking different in different browsers

Posted 15 Jun 2007 09:52:57
1
has voted
15 Jun 2007 09:52:57 Kylie Jensen posted:
Hi

Can someone tell me why my webgage looks correct in Internet Explorer but is incorrectly showing wrong in Safari and Firefox?

And code for page below:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Australian College of Natural Medicine</title>
<style type="text/css">
@import url(layout.css);
</style>
<style type="text/css">
@import url(menu.css);@import url("styles.css";
.style1 {color: #666666}
.semester {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #60721E;
}
</style>
<script type="text/javascript" language="javascript" src="menu.js"></script>
<link href="/index.html/styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape"&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body>
<div id="header_two">
<div id="top_image"><img src="images/new pictures/top_leaf.jpg" alt="top_leaf" width="980" height="10" /></div>
<div id="menu">
<ul class="menulist" id="listMenuRoot">
<li><a href="home_page.html">Home</a></li>
<li><a href="courses.html">Courses</a>
<ul>
<li><a href="acupuncture.html">Acupuncture</a></li>
<li><a href="aromatherapy.html">Aromatherapy</a></li>
<li><a href="homeopathy.html">Homeopathy</a></li>
<li><a href="counselling.html">Holistic Counselling</a></li>
<li><a href="massage.html">Massage Therapy</a></li>
<li><a href="nutritional.html">Nutritional Medicine</a></li>
<li><a href="beautytherapy.html">Natural Beauty Therapy</a></li>
<li><a href="mindbody.html">Mind/Body Medicine</a></li>
<li><a href="musculoskeletal.html">Musculoskeletal Therapy</a></li>
<li><a href="naturopathy.html">Naturopathy</a></li>
<li><a href="remedial.html">Remedial Massage</a></li>
<li><a href="reflexology.html">Reflexology</a></li>
<li><a href="tcmremedial.html">T.C.M. Remedial Massage</a></li>
<li><a href="westernherbal.html">Western Herbal Medicine</a></li>
</ul>
</li>
<li><a href="aboutus.html">About Us</a></li>
<li><a href="newstudents.html">New Students</a></li>
<li><a href="current.html">Current</a></li>
<li><a href="international.html">International</a></li>
<li><a href="alumni.html">Alumni</a></li>
<li><a href="clinic.html">Clinic</a></li>
<li><a href="beauty.html">Beauty</a></li>
</ul>
</div>
<div id="banner"><img name="front_image" src="images/new pictures/front-header-pic.jpg" width="980" height="160" alt="" /></div>
<div id="slogan">The Centre of Excellence in Natural Medicine Education for more than 30 years </div>
</div>
<div id="acnm_content_two">
<div id="login">
<h1>ACNM Student Login</h1>
<form name="form1" method="post" action="">
<label>Student Number<br />
<input name="acnm_student_number" type="text" size="12" maxlength="6" />
</label>
<label><br />
Password<br />
<input name="acnm_password" type="password" size="12" maxlength="12" />
</label>
<label></label>
<label></label>
<br />
<input type="submit" name="login" value="login" class="login" />
</form>
</div>
<div id="courseinfoseminars">
<p><b>Brisbane</b><br />
28 May, 2:00pm</p>
<p><b>Gold Coast</b><br />
31 May, 6:30pm</p>
<p><b>Melbourne</b><br />
28 May, 2:00pm</p>
<p><b>Box Hill</b><br />
31 May, 6:30pm</p>
<p><b>Perth</b><br />
28 May, 2:00pm</p>
</div>
<div id="middle">
<h2>There has never been a better time to study
Natural Medicine </h2>
<p>ACNM is committed to the future of natural medicine in this
country and internationally. The highest standard of education
and the most informed curriculum ensures that ACNM graduates
become highly-regarded practitioners.The Australian College of
Natural Medicine was the first institution in Australia, private or
public, to offer such a range of natural medicine courses from
Certificate through to Bachelor level programs.</p>
<p> </p>
<h2>The Spirit of ACNM</h2>
<p>The reasons why people turn to natural medicine are many.
To some, natural medicine represents a natural and gentle
approach to achieving a positive health outcome, one that doesn’t
include invasive, aggressive or harmful treatments.
To others, the appeal of natural medicine is that it acknowledges
more than just the physical aspect of illness. For most, however, the
appeal of the natural medicine approach is based on the fact that it
has ‘soul’, something that is largely missing from the conventional
medicine model.</p>
</div>
<div id="right">
<h2>Important News</h2>
<h2><strong>FEE-HELP</strong></h2>
<p> FEE-HELP now available for ACNM students</p>
<h2><strong>FEE-HELP</strong></h2>
<p> FEE-HELP now available for ACNM students</p>
<h2><strong>FEE-HELP</strong></h2>
<p> FEE-HELP now available for ACNM students
</p>
</div>
<div id="right_cnb">
<p><a href="beauty_therapy_home.html">CLICK HERE</a> to find
out <br />
what's on offer
at<br />
The College of
Natural Beauty <br />
Brisbane Campus</p>
</div>
</div>
<div id="footer">
<p><img src="images/new pictures/bottom-leaf2.jpg" alt="bottom_leaf" name="bottom_leaf" width="980" height="22" id="bottom_leaf" /><br/>
© Australian College of Natural Medicine 2007, Australia.
Registered Training Organisation #31489. CRICOS Provider # <a href="cricos.dest.gov.au/Institution/InstitutionDetails.aspx?ProviderID=231" target="_blank">QLD 00231G</a> | <a href="cricos.dest.gov.au/Institution/InstitutionDetails.aspx?ProviderID=1399" target="_blank">VIC 01534F</a> | <a href="cricos.dest.gov.au/Institution/InstitutionDetails.aspx?ProviderID=2492" target="_blank">WA 02492C</a> <br />
Home | Courses | About Us | New Students | Current Students| International Students| Alumni | Public Clinic | Enrol | Contact Us | Disclaimer | Privacy Policy</p>
</div>
</body>
&lt;/html&gt; <BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote> <hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote> <BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote> <hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote> <BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote> <hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote><img src="" border=0><img src="" border=0><img src="" border=0><img src="" border=0><img src="" border=0>

Replies

Replied 15 Jun 2007 09:55:22
15 Jun 2007 09:55:22 Kylie Jensen replied:
Replied 29 Jun 2007 10:51:46
29 Jun 2007 10:51:46 alin canbas replied:
in different browsers, there might be different views.. so it is better to check the browser of user and then show the appropriate page for that browser, this can be done with javascript

www.findindirectory.com/fallin.aspx?pr=Computers/Programming/Languages/JavaScript/
www.findindirectory.com/fallin.aspx?pr=Computers/Internet/Web_Design_and_Development/Designers/
Replied 01 Jul 2007 21:11:34
01 Jul 2007 21:11:34 Ronald Hirt replied:
Dear Kylie Jensen,
Addoctype: XHTML 1.0 Strict
Error Line 11 column 41: there is no attribute "language".
Error Line 69 column 158: there is no attribute "target".
Test your site in: browsershot.org/
I viewed your site on IE6, IE7 and Firefox 2.0.0.4
no problems found, identical display.
If you need more help, post a message on www.webdesign4uonline.net/contact.htm
Good Luck
Ronald
Replied 02 Jul 2007 01:53:00
02 Jul 2007 01:53:00 Kylie Jensen replied:
Hi
I also found that I needed to treat the pictures as block display so it doesnt treat it like a character with acenders and decenders. That seemed to work for the images having gaps between them in different browsers.

Reply to this topic