Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Dec 2005
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Table border messed up.

    On my site:
    www.cybios.org
    www.cybios.designsbyalleah.com

    You can see that in firefox or netscape the top header is 1px, but if you veiw it in IE the top header had this orange line at the bottom. That is from the table not having a 1px border and expanding.

    Also, the top and bottom picture things have nice 1px lines in firefox but in IE they are big and spaced out.

    Thanks in advance for all the help.

    CSS:
    www.cybios.designsbyalleah.com/include/style.css

    (Edits for URL)
    Last edited by Cybios; 12-02-2005 at 04:31 AM.

  • #2
    New Coder
    Join Date
    Dec 2005
    Posts
    24
    Thanks
    0
    Thanked 0 Times in 0 Posts
    We have this problem with ie and firefox at our board. http://www.eofficeprofessionals.com/forums/default.asp

    The bottom of the banner on the top of the page gets cut off. By any chance, do you use iframes or frames?

    One way to show the entire image in ie and ff is to add padding to the bottom of your image.

    Also, I didn't see the other images that you mentioned in your post.
    Last edited by pramsey; 12-02-2005 at 05:33 AM.
    Web hosting...webmaster support http://www.eofficeprofessionals.com/forums
    Offer solutions-not criticism.

  • #3
    New to the CF scene
    Join Date
    Dec 2005
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The 2 pictures I am talking about are the 2 at the top and bottome of the whole thing, they are only 10px tall or so but take up the whole width.

    http://www.cybios.designsbyalleah.com/images/top.jpg

  • #4
    New to the CF scene
    Join Date
    Dec 2005
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ok, here is the code. Try it in IE and Firesox and you will see what I mean.

    <html>

    <head>
    <title>Cybios.org - Home</title>
    <style type="text/css">

    body {
    background-color: #000000;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 13px;
    color: #000000;
    font-weight: normal;
    }
    blockquote {
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    }
    div {
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    background: ;
    height: 98%;
    }
    p {
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 13px;
    color: ;
    font-weight: normal;
    width: 98%;
    }
    span {
    font-weight: normal;
    }
    td {
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    }
    ol {
    font-weight: normal;
    }
    ul {
    font-weight: normal;
    }
    input {
    font-weight: normal;
    border: 1px solid #000000;
    }
    select {
    font-weight: normal;
    background: #8790ff;
    }
    textarea {
    font-weight: normal;
    }
    hr {
    color: #000000;
    height: 2px;
    }
    a:active, a:link, a:visited {
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 14px;
    color: #8790ff;
    font-weight: normal;
    text-decoration: none;
    }
    a:hover {
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 14px;
    color: #cccccc;
    font-weight: normal;
    text-decoration: none;
    }
    table.siteheader {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    background-color: #000000;
    border: 0px solid #000000;
    width: 100%;
    }

    table.header {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    background-color: #FFCC9A;
    width: 100%;
    padding: 0px 0px 0px 0px;
    }
    td.header {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    background-color: #FFCC9A;
    border: 2px solid #000000;
    padding: 0px 0px 0px 0px;
    }
    td.navbar {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #006600;
    background-color: #FFCC99;
    }
    table.sitebod {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid #000000;
    }
    table.article {
    border-bottom: 2px solid #006600
    }
    table.articleout {
    border-style: solid;
    border-color: #006600
    border-width: 3px 3px 1px 3px
    }


    </style>
    </head>

    <body bgcolor = 000000 background="http://cybios.designsbyalleah.com/images/bg.gif">
    <center>

    <table border="0" width="75%">
    <tr>
    <td>

    <table width=100%>
    <tr>
    <td class="header">
    <a href="http://cybios.designsbyalleah.com/index.php?"><img src="http://cybios.org/images/Cybios.jpg" alt="Cybios.org" border=0></a>
    </td>
    </tr>
    </table>

    <br>


    <table border="1" class="siteheader" width="100%" CELLPADDING=0 CELLSPACING=0>
    <tr>
    <td>
    <img src="http://cybios.designsbyalleah.com/images/top.jpg">
    </td>
    </tr>

    </table>

    <table border="0" class="sitebod" width="100%" CELLPADDING=0 CELLSPACING=0>
    <tr>
    <td width="22%" class="navbar" valign="top">
    <br>
    <center>


    <h2>Login</h2>
    <form action="process.php" method="POST">
    User:<br><input type="text" name="user" maxlength="30" value=""><bR>
    Pass:<br><input type="password" name="pass" maxlength="30" value=""><br><center><input type="checkbox" name="remember" >
    <font size="2">Remember me<br></center>

    <input type="hidden" name="sublogin" value="1">
    <input type="submit" value="Login">
    <br><br>[<a href="forgotpass.php">Forgot Password?</a>]
    <br><a href="register.php">Sign-Up!</a>
    </form>


    <hr>
    <h3>navagation</h3>
    <a href="news.php">news</a><br>
    <br>

    <h3>projects</h3>
    <a href="projects/index.php">projects home</a> <br>
    <a href="projects/index.php#apps">applications</a> <br>
    <a href="projects/index.php#scripts">scripts</a> <br>
    <a href="projects/index.php#diy">diy</a> <br>
    <a href="projects/index.php#funny">funny</a> <br>

    <br>

    <h3>information</h3>
    <a href="articles.php">articles</a><br>
    <br>

    <h3>get involved</h3>
    <a href="articles.php?act=submit">submit article</a><br>
    <br>


    </td>
    <td width="78%" bgcolor="FFFFFF">

    <center>
    <table width="95%">
    <tr><td><br>
    <!-----------------------------------------END header---------------------------------------->
    <p></center> Welcome! to Cybios.tk, where you can learn to program in Visual Basic, C/C++, IRC scripting, PHP, HTML, Javascript, and many more!&nbsp; Here at Cybios.tk our goal is to teach more about computers and technology, where you can chat in our <A href="./bbs">forum</A> or read articles and tutorials. Have fun!</p><center>
    <br><br><FONT size=3><B>News:</B></FONT>
    &nbsp;
    <center>

    <TABLE width=391 border='5' bgcolor=#669900 cellspacing='0' cellpadding='3' bordercolorlight=#669999 bordercolordark=#003333 cellspacing=0>
    <TR>
    <TD valign='top' >
    <FONT size=2><B>&nbsp; &nbsp;News system and more. on Jul 18, 2005
    </B></FONT></td></tr>
    <tr>
    <td valign='top'>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
    There is a whole new news system that I have been working on for the past day or so. Everything now works. Live good.<br />
    <br />
    'Cybios
    <BR>

    <BR></TD></TR></table><br>
    <TABLE width=391 border='5' bgcolor=#339966 cellspacing='0' cellpadding='3' bordercolorlight=#669999 bordercolordark=#003333 cellspacing=0>
    <TR>
    <TD valign='top' >
    <FONT size=2><B>&nbsp; &nbsp;New layout. on Jul 16, 2005
    </B></FONT></td></tr>
    <tr>
    <td valign='top'>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
    There is a new layout that I have made this weekend. You may notice that there is nothing else to do than sign up and pm each other. I have just integrated a new usersystem so that is why. Pretty soon the article system will be up.
    <BR>
    <BR></TD></TR></table><br>

    <TABLE width=391 border='5' bgcolor=#669900 cellspacing='0' cellpadding='3' bordercolorlight=#669999 bordercolordark=#003333 cellspacing=0>
    <TR>
    <TD valign='top' >
    <FONT size=2><B>&nbsp; &nbsp;New server and new page layout! on Apr 2, 2005
    </B></FONT></td></tr>
    <tr>
    <td valign='top'>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
    I am working hard at the site everyday to improve it. I have uploaded it to a new server and also added a sweet new layout that I made in photoshop. Since I know photoshop pretty good now we will be seeing alot of improvement on the site.<br />
    <br />
    Stay cool<br />

    'Cybios
    <BR>
    <BR></TD></TR></table><br></center>
    <!------------------------------------------BEGIN footer--------------------------------------->
    </td>
    </tr>
    </table>





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

    <table border="1" class="siteheader" width="100%" CELLPADDING=0 CELLSPACING=0>
    <tr>
    <td>
    <img src="http://cybios.designsbyalleah.com/images/bottom.jpg">
    </td>
    </tr>
    </table>


    </td>
    </tr>
    </table>
    <center>
    <font color="white">Copyright ©2004 Cybios</font>
    </center>
    </body>

    </html>

  • #5
    Senior Coder
    Join Date
    Dec 2004
    Location
    Essex, UK
    Posts
    2,636
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Please wrap code in [ CODE ] tags.

    Ouch, well I'm sorry to repeat this for those who don't like others saying it, but a good start would be to make the page validate.

    I don't see why you are using deprecated HTML tags for the background etc when you are using CSS?! HTML should not be used for layout.

    Add a Doctype which will put IE into standards mode, then see how it looks.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •