...

View Full Version : Table border messed up.



Cybios
12-02-2005, 04:29 AM
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)

pramsey
12-02-2005, 05:25 AM
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.

Cybios
12-02-2005, 08:43 PM
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

Cybios
12-03-2005, 12:39 AM
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>

mark87
12-03-2005, 12:45 AM
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.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum