Log in

View Full Version : All browser view


chechu
11-21-2006, 08:37 PM
Hey you all,
I read a lot in this forum about FF, IE, Mozilla, etc. As I have no idea how to do this, can anyone check this site http://www.casariegoart.com to see if it looks the same in the different browsers, please ?
pah1986
11-23-2006, 06:04 AM
The website looks absolutely fine in Internet Explorer and Firefox. These are the two most common browsers people use. My stats tend to suggest that 75% of visitors are using IE, which is unfortunate because my websites always look fine in Firefox then suddenly decide to distort themselves in IE. You can download Firefox for free from http://www.mozilla.com, if you're not already using it.
codeexploiter
11-23-2006, 06:15 AM
The site looks ok in most of the browsers except a page which is your contact page.

In IE 7 it looks aligned correctly but in Ff 2.0, Opera 9.02 & Netscape Navigator 8.1.2 the form fields in the contact page looks a bit misaligned it is not that much but the form field are misaligned.
pah1986
11-23-2006, 06:29 AM
the form field are misaligned.

Ah yes I see that now. It's not really noticeable; if anything I thought it was artistic intent! :)
codeexploiter
11-23-2006, 06:39 AM
if anything I thought it was artistic intent!

The misalignment is not visible in IE 7.
chechu
11-23-2006, 10:57 AM
Thanks a lot guys ! I think the problem of the alignment is because I use a lot of tables in the code. Might be solved with css. More about it in this thread (http://www.dynamicdrive.com/forums/showthread.php?t=14929)
codeexploiter
11-23-2006, 11:33 AM
Instead of using tables for your layouts you can use CSS which offers higher performance by improving the site loading time compared to the table based layouts.

An article (http://www.mardiros.net/css-layout.html) which i thought you may find interesting
chechu
11-23-2006, 12:31 PM
Very interesting article indeed; you convinced me.
So how do I make the following code with css ?

<html>
<head>
</head>

<body background="bgpalet.gif" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table width="80%" height="100%" border="0" cellpadding="0" cellspacing="0" align=right>
<tr><td align="center" valign="middle">

<table border="0" width=100% align=right>
<tr><td width="120" valign="middle">

</td><td valign="middle" align="right">

<script language="JavaScript" type="text/JavaScript">
function clearDefault(el) {
if (el.defaultValue==el.value) el.value = ""
}
</script>

<FORM NAME="form1" METHOD="post" ACTION="contactEN.php">
<input type="hidden" name="action" value="send">
<table width="100%" valign="top" align=center>
<tr><td>
<table width=100%>
<tr><td align=left>
<INPUT TYPE=TEXT NAME="name" VALUE="your name" onFocus="clearDefault(this)" style="border:1px solid #666666; width:190px">
</td></tr>
<tr><td align=left>
<INPUT TYPE=TEXT NAME="email" VALUE="your e-mail" onFocus="clearDefault(this)" style="border:1px solid #666666; width:190px">
</td></tr></table>
</td><td width=20>
&nbsp</td><td align=left valign=middle>
<INPUT TYPE="image" src="emailgo.jpg" NAME="submit" VALUE="go" style="border: 0px">
</td></tr></table>

<table width="100%" valign="top" align=center>
<tr><td align=right>
<TEXTAREA NAME="message" style="border:1px solid #666666; width:265px; height:120px">
</TEXTAREA>
</td></tr></table>
</FORM>

</td></tr></table>
</td></tr></table>

</body>
</html>
Twey
11-23-2006, 06:03 PM
As I have no idea how to do thisSimply download and install various different browsers.Internet Explorer (http://www.microsoft.com/windows/ie/default.mspx) (Windows only)
Firefox (http://www.mozilla.org/products/firefox)
Opera (http://www.opera.com/)
Konqueror (http://konqueror.kde.org/) (*nix/Cygwin only)
Lynx (http://lynx.browser.org/)The first step in creating a cross-browser site is to make it validate (http://validator.w3.org/). Then check it in various browsers and compensate for their bugs.