I'm having a layout problem in IE but not firefox, as you can see from the screenshot below:



You can see the site here: http://www.pp-computers.co.uk/testing/

Any ideas?

Cheers.

Pete.

Ok....

after looking at your code i can see you are using the generated HTML from ImageReady. Try recoding your site in dreamweaver - you'll have greater control over it.

If not, try adding quotes to your code, such as

<TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0>

replace with:

<TABLE WIDTH="100%" BORDER="0" CELLPADDING="0" CELLSPACING="0">

Maybe that'll help?

Same problem

http://www.webmaster-talk.com/showthread.php?t=38837

What do we need to do to fix it ?

Ok well i've had a play with it. It seems to be the php login code that it making it go out of line. which is:

<?php
#Login Configuration

#cPanel
$protocol = 'http';
$port = 2082;

#Secure cPanel
#$protocol = 'https';
#$port = 2083;

#WHM
#$protocol = 'http';
#$port = 2086;

#Secure WHM
#$protocol = 'https';
#$port = 2087;

#Webmail
#$protocol = 'http';
#$port = 2095;

#Secure Webmail
#$protocol = 'https';
#$port = 2096;
?>
<?php
if ($_GET['failed'] == "1") {
?>
<font color=#FF0000>Your login attempt failed!</font>
<?php
}
print "<form action=\"" . $protocol . "://" . $_SERVER['HTTP_HOST'] . ":" . $port . "/login/\"
method=POST>";
?>
              <font color="#FFFFFF"><b>USERNAME:</b><br>
              <input type=text name=user size="20" border="0"><br>
              <br>
              <b>PASSWORD:<br>
              </b>
              <input type=password name=pass size="20" border="0">
              <?php
print "<input type=hidden name=failurl value=\"http://" . $_SERVER['HTTP_HOST'] . $_SERVER['PHP_SELF'] . "?failed=1\">";
?>
            
&nbsp;</font></TD>
        <TD ROWSPAN=2>
            <IMG SRC="images/layout_20.gif" WIDTH=30 HEIGHT=151 ALT=""></TD>
        <TD ROWSPAN=3 background="images/layout_21.gif">
            <IMG SRC="images/layout_21.gif" WIDTH=8 HEIGHT=191 ALT=""></TD>
        <TD>
            <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=107 ALT=""></TD>
    </TR>
    <TR>
        <TD COLSPAN=9>
            <IMG SRC="images/layout_22.gif" WIDTH=271 HEIGHT=44 ALT=""></TD>
        <TD COLSPAN=4>
            <IMG SRC="images/layout_23.gif" WIDTH=88 HEIGHT=44 ALT=""></TD>
        <TD COLSPAN=3>
            <input type="image" name="submit" value="login" SRC="images/layout_24.gif" WIDTH=109 HEIGHT=44 ALT="" border="0"> </form></TD>

If i reduce it to this:

<font color="#FFFFFF"><b>USERNAME:</b><br>
              <input type=text name=user size="20" border="0"><br>
              <br>
              <b>PASSWORD:<br>
              </b>
              <input type=password name=pass size="20" border="0">
            
&nbsp;</font></TD>
        <TD ROWSPAN=2>
            <IMG SRC="images/layout_20.gif" WIDTH=30 HEIGHT=151 ALT=""></TD>
        <TD ROWSPAN=3 background="images/layout_21.gif">
            <IMG SRC="images/layout_21.gif" WIDTH=8 HEIGHT=191 ALT=""></TD>
        <TD>
            <IMG SRC="images/spacer.gif" WIDTH=1 HEIGHT=107 ALT=""></TD>
    </TR>
    <TR>
        <TD COLSPAN=9>
            <IMG SRC="images/layout_22.gif" WIDTH=271 HEIGHT=44 ALT=""></TD>
        <TD COLSPAN=4>
            <IMG SRC="images/layout_23.gif" WIDTH=88 HEIGHT=44 ALT=""></TD>
        <TD COLSPAN=3>
<input type="image" name="submit" value="login" SRC="images/layout_24.gif" WIDTH=109 HEIGHT=44 ALT="" border="0"></TD>

I've taken out nearly all the form related things there.
This is was it looks like with the php in:
http://www.pp-computers.co.uk/testing/index.php

And without:
http://www.pp-computers.co.uk/testing/index_nophp.php

Any ideas?

Thanks.

Pete.

P.s. Whoever else posted here you could check your search box php and see if thats causing you a problem.

white space at the beginning and/or end of <img> tags is the usual cause.

I can't find any though. Did you read my last post?

I can't find any though.

And this would be ????

 
       <TD ROWSPAN=2>
            <IMG SRC="images/layout_20.gif" WIDTH=30 HEIGHT=151 ALT=""></TD>

I'm not quite sure what you mean? So the code you've quoted what should it be?

Cheers.

Pete.

<TD ROWSPAN=2>
<IMG SRC="images/layout_20.gif" WIDTH=30 HEIGHT=151 ALT=""></TD>

the bit between (including the line break) ...2> and <img ... is seen by IE as whitespace and is (incorrectly) rendered in the browser

to fix it the "<" of <img> should follow the ">" of the <td> immediately on a single line.

Like so;

      <TD ROWSPAN=2><IMG SRC="images/layout_20.gif" WIDTH=30 HEIGHT=151 ALT=""></TD>

Ohhh. I get you now. I'll go and give it a go. Thanks for the advice.

Well i gave that a go but it still is doing the same in IE:

http://www.pp-computers.co.uk/testing/index.php

I'm pretty sure that i get rid of all the white spaces before the img tags.

Any ideas?

Cheers.

Pete.

add a full dtd to force IE into standards mode. list of vaid DTD at http://www.w3.org/QA/2002/04/valid-dtd-list.html

you'll need 4.01 transitional because of all the deprecated elements & attributes.

I've tried adding that but it's still out of line in IE

any ideas?

Thanks.

Hmm! You're quite new at this stuff I guess.

Well lets try with just the one DTD and in the right place in the code

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<!-- rest of page goes here -->

May I suggest some time would be well spent at W3Schools before tackling much more of this project.

Well i'm usually alright with my HTML, but obviously i'm a bit rusty, :P plus i rarely use the DTD as i've never had this problem before.

Anyways, i've got that in the correct place and it's till out of line in IE It's just the bit around the php code for the login that messes up and as i mentioned if i take the PHP out it's ok. What is making it do this. Any ideas?

Thanks again for your advice.

Pete.

the problem is with this line

    <TD colSpan=4> <INPUT type=image height=44 alt="" width=109 src="index_files/layout_24.gif" value=login border=0 name=submit> </FORM></TD>

But I've no idea what. It's such a PITA trying to read the auto generated crap that these things put out. It would be simpler to start again with an all CSS design.
Even using the validator output would be difficult because of all the deprecated attributes and missing quotes that would show up first.

I think you should visit this tool for checking major browser compatibility. It might be helpful to get an idea where you are going wrong. http://www.hermish.com/browser_form.cfm All the best!

Originally Posted by chrishirst

the problem is with this line

    <TD colSpan=4> <INPUT type=image height=44 alt="" width=109 src="index_files/layout_24.gif" value=login border=0 name=submit> </FORM></TD>

But I've no idea what. It's such a PITA trying to read the auto generated crap that these things put out. It would be simpler to start again with an all CSS design.
Even using the validator output would be difficult because of all the deprecated attributes and missing quotes that would show up first.

Put you begining <form> tag right before the <table> tag that the form lives in and then put the closing </form> tag after the closing </table> tag that the form lives in and that should fix it ...

so ...

<form>
  <table>
    <tr>
      <td>
        <input>
      </td>
    </tr>
  </table>
</form>

hope this helps

Thanks that seems to have sorted it! Thanks again for everyones help and advice.

Pete.

Originally Posted by wwfc _barmy_arm

Thanks that seems to have sorted it! Thanks again for everyones help and advice.

Pete.

not sure if you meant what I said fixed it or not but glad you got it sorted out

if it was mine glad I could help .. and trust me I despise <form> tags .. they can really screw with a layout ...