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

Originally Posted by codeexploiter

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

Originally Posted by pah1986

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

**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 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 ?

Code:

<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 this

Simply download and install various different browsers.

Internet Explorer (Windows only)
Firefox
Opera
Konqueror (*nix/Cygwin only)
Lynx

The first step in creating a cross-browser site is to make it validate. Then check it in various browsers and compensate for their bugs.

Thread: All browser view

Thread Tools

Search Thread

All browser view

Bookmarks

Bookmarks

Posting Permissions