Jump to content

Table In Html (using Css)


ShoalBear

Recommended Posts

This apparently didn't post yesterday.....I am trying to get this to work, but in IE it comes out way wrong....Firefox shows it right. Any clues on what I am doing wrong??

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"            "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Language" content="en-us"><LINK REL=stylesheet HREF="main.css" TYPE="text/css"><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><title>Highland Roses Design TEST</title></head><body><div id="body"><div id="header"> <img src = "http://www.highlandrosesdesign.com/header.gif"></div><div id="mainwrapper"><div id="menu"><p><a href="victorian.htm" class="menu">		Victorian <br>		Wallpaper <br>		Collection</a></p>		<p><a href="simplyfab.htm" class="menu">		Simply <br>		Fab</a></p>		<p><a href="celebration.htm" class="menu">		Celebration</a></p>		<p><a href="notgrandma.htm" class="menu">		Not <br>		Your <br>		Grandma's <br>		Quilted <br>		Ornaments</p>		<p><a href="team.htm" class="menu">		Taking <br>		One <br>		for <br>		the <br>		Team</p>		<p><a href="everythingelse.htm" class="menu">		Everything <br>		Else</a></p></div><div id="main">		<p><a href="victorian.htm""><img border="0" src="http://lh5.ggpht.com/_7tElEpmE5fs/SiwY25ed8_I/AAAAAAAAAGQ/bT7wRCofYQU/s144/babydoe.jpg" /><br>		Victorian Wallpaper Collection</a></p>		<p><a href="simplyfab.htm"><img border="0" src="http://lh6.ggpht.com/_7tElEpmE5fs/SiwVOq3DQ5I/AAAAAAAAAE0/yiPHhRxSCww/s288/fabredivorygreen.jpg" /><br>		Simply Fab</a></p>		<p><a href="celebration.htm"><img border="0" src="http://lh3.ggpht.com/_7tElEpmE5fs/SiwVMS0VWuI/AAAAAAAAAEs/XfZ0P-xdySA/s144/confettigreen.jpg" /><br>Celebration</a></p>		<p><a href="notgrandma.htm"><img border="0" src="http://lh5.ggpht.com/_7tElEpmE5fs/Sizoo1nVg4I/AAAAAAAAAII/0si6QTqkaAA/s144/Greensleevesboth.jpg" /><br>Not Your Grandma's Quilted Ornaments</p>		<p><a href="http://www.highlandrosesdesign.com/team.htm">Taking One for the Team</p>		<p><a href="everythingelse.htm"><img border="0" src="http://lh6.ggpht.com/_7tElEpmE5fs/SiwVQNVNYqI/AAAAAAAAAE4/PB4l5JTF4ho/s144/gothicblack2.jpg" /><br>Everything Else</a></p></div></div><div id="header"> <img src = "http://www.highlandrosesdesign.com/header.gif"></div></div></body></html>

Here is the .css file I am using:

body {	background-color: #000000;	font-family: Angelina;	font-size: 28pt;	color: #DAA520;	margin-top: 0px;	margin-bottom: 0px;}	#header {	width: 85%;	background-position: center center;	height: 215px;	text-align:center;	align: center;}	#main {	width: 80%;	padding: 10px;}#main, #menu {	display: table-cell;}#mainwrapper{	border-collapse: collapse;	display: table;	table-layout: fixed;}#menu {	width: 20%;	font-size: 14pt;	font-family: Angelina;	padding: 10px;}/*menu style */a.menu:link {	color: #DAA520;}a.menu:visited {	color: #DAA520;}a.menu:focus {	color: red;	background-color: green;}a.menu:hover {	color: red;	background-color: green;}a.menu:active {	color: #DAA520;	background-color: green;}a:link {	color: blue;	text-decoration:none;}a:visited {	color: green;	text-decoration:none;}a:focus {	color:red;	text-decoration:none;}a:hover {	color:red;	text-decoration:none;}a:active {	background-color: yellow;	text-decoration:none;}

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...