View Full Version : FF/IE differences

12-11-2007, 09:17 PM
I'm trying to create a blog layout and I'm fairly new to this. This is the site: http://bddesigns.diaryland.com/. It looks fine in Firefox but not so great in IE. Can anyone help me fix it so it looks the same?

Here's the code:

<title>Belladonna Designs</title>
<style type="text/css">
.entry { font-family: verdana;
font-size: 8pt;
color: ECF0FE;
padding: 5px;
clear: center;
resize=no; }
.nav { font-family: verdana;
font-size: 8pt;
letter-spacing: 2px;
padding: 5px;
clear: center;
resize=no; }
.image { background-color: ECF0FE;
clear: center;
border: 1px solid;
color: 000000;
resize=no; }

a:link {text-decoration: none; font-weight: none; color: #3C68A4}
a:visited {text-decoration: none; font-weight: none; color: #3C68A4}
a:hover {text-decoration: none; cursor: crosshair; color: #D5DFF3}
a:active {text-decoration: none; font-weight: bold; color: #D5DFF3}

<body bgcolor="ECF0FE">
<div id="background" style="position:absolute; width:727px; height:502px; z-index:1; left: 145px; top: 1px"><img src="http://i173.photobucket.com/albums/w63/_atropabelladonna_/diaryland/circles.png"></div>

<div id="entry" style="position:absolute; width:357px; height:207px; z-index:2; left: 193px; top: 181px; overflow: auto" class="entry">
<div align="left">
<font size="1"><b>%%time%%</b>on<b>%%date%%</b></font></p>
<p align="left">%%entry%%</p>
<p align="left"> </p>
<p align="right"><a href="%%next%%">forward</a>&<a href="%%prev%%">reverse</a></p>

<div id="links" style="position:absolute; width:160px; height:129px; z-index:4; left: 225px; top: 400px" class="nav">
<p align="center"><a href="index.html">new</a>||<a href="older.html">archives</a>||<a href="http://members.diaryland.com/edit/profile.phtml?user=%%username%%">profile</a>||<a href="designs.html">designs</a>||<a href="rings.html">rings</a>
<a href="http://%%username%%.signmyguestbook.com">guestbook</a>||<a href="http://members.diaryland.com/edit/notes.phtml?user=%%username%%">notes</a>||<a href="mailto:a.tropa_b.elladonna@hotmail.com">email</a>||<a href="http://bddesign.diaryland.com">layout</a>||<a href="http://www.diaryland.com">host</a></p>

12-11-2007, 09:49 PM
You appear to have most of your css commented out.

AND no Doctype. You can't expect consistent results without a Doctype.



12-11-2007, 10:02 PM
You also have quite a bit of CSS that is invalid. I suggest you actually learn CSS rather than just try things and hope they work. www.htmldog.com is a decent site.