This is Interesting: Free Magazines for Graphics designers and webmasters
Home > Archive > Dreamweaver > April 2004 > Cell height in mozilla and IE
You are viewing an archived Text-only version of the thread.
To view this thread in it's original format and/or if you want to reply to
this thread please [click here]
| Author |
Cell height in mozilla and IE
|
|
| thxmacromeida 2004-04-30, 4:29 am |
| I have created part of my site, i have a login at the top, but on IE it makes
it look too long, Mozilla displays it perfect. I've tried using CSS to make the
cell a certain height, didnt work. My HTML and CSS is below. If anyone knows
what may be wrong, please post. Thanks
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="stylee.css" rel="stylesheet" type="text/css">
</head>
<body leftmargin="0" topmargin="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="35" colspan="2" background="top-info-bg.png" bgcolor="#D0CBB9"
class="CELLTOP">
<form action="login.php" method=post>
<font color="#F9F9F9" face="Arial, Helvetica,
sans-serif">Login:</font>
<input type="text" name="log">
<font color="#F9F9F9" face="Arial, Helvetica,
sans-serif">Password:</font>
<input type="password" name="pass">
<a> </a>
<input type="submit" name"submit" value="Login">
</form></td>
<td height="35" valign="middle" background="top-info-bg.png"
bgcolor="#D0CBB9"> </td>
</tr>
<tr>
<td colspan="3" background="header-bg.png"><img src="header.png"
width="780" height="201"></td>
</tr>
<tr>
<td width="21%" background="nav-main-bg.png" bgcolor="#D0CBB9"
class="body"><img src="nav-main.png" width="161" height="49"></td>
<td width="70%" background="top-mid-bg.png" bgcolor="#D0CBB9"> </td>
<td width="21%" rowspan="4"> </td>
</tr>
<tr>
<td height="130"> </td>
<td width="70%" bgcolor="#D0CBB9"> </td>
</tr>
<tr>
<td> </td>
<td width="70%" bgcolor="#D0CBB9"> </td>
</tr>
<tr>
<td> </td>
<td width="70%" bgcolor="#D0CBB9"> </td>
</tr>
<tr>
<td> </td>
<td width="70%" bgcolor="#D0CBB9"> </td>
<td> </td>
</tr>
<tr>
<td colspan="3"> </td>
</tr>
</table>
</body>
</html>
/* CSS Document */
td.bgg {
background-image:nav-main-bg.gif;
background-position:center center;
background-repeat:no-repeat;
background-color:#00ff00;
}
.body {
background-image : url(nav-main-bg.png);
background-repeat : no-repeat;
}
.inner {
background-image : url(header.gif);
background-repeat : no-repeat;
}
.outter {
background-image : url(con-top.png);
background-repeat : repeat;
}
TEXTAREA, INPUT {
font-family: Georgia, "MS Serif", "New York", serif;
padding: 1px; /* a bit of breathing room*/
font-size: 13px;
color: #FFFFFF;/* The text in white*/
background-color: #D0CBB9;/* Background-color: dark blue*/
border: dotted 1px #000000;/* and a red border*/
}
FORM {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000080;
padding: 3px;
width: 100%;
}
TEXTAREA, INPUT, SELECT, OPTION, .area {
font-family: "Andale Mono", "Courier New", Courier, monospace;
font-size: 15px;
}
SUBMIT, INPUT {
font-family: Georgia, "MS Serif", "New York", serif;
font-size: 12px;
color: #333333;/* The text in white*/
border: solid 1px #000000;/* and a red border*/
}
.CELLTOP {
height: 35px;
}
| |
|
| don't know what the external stylee.css file contains. as a guess, redefine
the margins for the <form> tag. If no margins are set, browsers will use
their default margins, adding space around a form.
| |
|
|
| thxmacromeida 2004-04-30, 5:31 pm |
| The CSS is the codes below </html>. What code would i use to redefine the margin heh? Thanks
| |
|
|
| thxmacromeida 2004-04-30, 5:33 pm |
| I posted my CSS after the HTML? Is it not displaying for you? It is for me...
|
|
|
| | Copyright 2003 - 2008 forum4designers.com Software forum Computer Hardware reviews |
|