ShoalBear Posted September 8, 2009 Share Posted September 8, 2009 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 More sharing options...
dsonesuk Posted September 8, 2009 Share Posted September 8, 2009 it did post, its here http://w3schools.invisionzone.com/index.php?showtopic=27110 Link to comment Share on other sites More sharing options...
ShoalBear Posted September 9, 2009 Author Share Posted September 9, 2009 Thank you dsonesuk! It was hiding from me....I appreciate your response SO much!!! Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.