TimFA
08-17-2007, 06:42 PM
As usual IE amkes web designing a living nightmare. I was using CSS to design the site, and it looks perfect in FF and Opera, but IE renders it wrong.
Heres my CSS:
#main_table
{
height: 700px;
width: 75%;
border: 0px;
padding-width: 2px;
border-spacing: 0px;
}
#main_bar
{
height: 700px;
width: 90%;
background-color: #FFFFFF;
font-family: Arial;
font-size: 10pt;
}
#side_bar
{
height: 700px;
width: 15%;
background-color: #E2E2E2;
font-family: Arial;
font-size: 10pt;
}
#top_bar
{
height: 50px;
width: 75%;
border: 0px;
padding-width: 2px;
border-spacing: 0px;
background-color: #56D2FF;
font-family: Arial;
font-size: 15pt;
}
Heres the HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" href="css/layout.css"
type="text/css">
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Fassist | Home!</title>
<meta content="Tim" name="author">
<meta content="Fassist Home." name="description">
</head>
<body>
<table id="top_bar">
<tbody>
<tr>
<td>fassist<br>
</td>
</tr>
</tbody>
</table>
<table id="main_table">
<tbody>
<tr>
<td id="side_bar"></td>
<td id="main_bar"><br>
</td>
</tr>
</tbody>
</table>
</body>
</html>
Also this site is a work in progress I was just attempting to get the page to where no styling was embedded in the page.
I attached photos of IE and FF. Please tell me what you think. And yes I know Nvu is open. I cheated to design the template for the page...
Thanks
Heres my CSS:
#main_table
{
height: 700px;
width: 75%;
border: 0px;
padding-width: 2px;
border-spacing: 0px;
}
#main_bar
{
height: 700px;
width: 90%;
background-color: #FFFFFF;
font-family: Arial;
font-size: 10pt;
}
#side_bar
{
height: 700px;
width: 15%;
background-color: #E2E2E2;
font-family: Arial;
font-size: 10pt;
}
#top_bar
{
height: 50px;
width: 75%;
border: 0px;
padding-width: 2px;
border-spacing: 0px;
background-color: #56D2FF;
font-family: Arial;
font-size: 15pt;
}
Heres the HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" href="css/layout.css"
type="text/css">
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Fassist | Home!</title>
<meta content="Tim" name="author">
<meta content="Fassist Home." name="description">
</head>
<body>
<table id="top_bar">
<tbody>
<tr>
<td>fassist<br>
</td>
</tr>
</tbody>
</table>
<table id="main_table">
<tbody>
<tr>
<td id="side_bar"></td>
<td id="main_bar"><br>
</td>
</tr>
</tbody>
</table>
</body>
</html>
Also this site is a work in progress I was just attempting to get the page to where no styling was embedded in the page.
I attached photos of IE and FF. Please tell me what you think. And yes I know Nvu is open. I cheated to design the template for the page...
Thanks