Alignment issues FireFox and IE

Im new to this forum. Ive looked around and haven't any one that is having the same issue as me. I have been tinkering around with building webpages for a little bit and finally just put one up for grins. All and all it's not turning out to bad. How ever I am having one issue with some css positioning that I laid out. It lines up perfect in FireFox, which mostly what I use. But in IE some of the poistioning gets scrambled. Example part of a word will get cut off from one of the anchor tags. And pieces parts of the rest of the page over lap. I've tried everything I can think of and can't seem to figure it out.

Heres what I've done. I have changed the doc type to 1.0 trans and 3.2 both do pretty much the same things. I finally just left it as html if i remember right. I've tried to label both as <style> and <style type="text/css"> and I get the same result. I've tried changing the position from absolute to relative and it gets worse.I'm at a loss. heres part of my code......if you have any suggestions please let me know. I have a feeling it's simple and I'm just over looking something. I mostly just put this site for kicks, something to do, but it would be nice to be able to fix the problem....appreciate any advise....Thanks rrainnman

code

<html>
<head>
<title>Example.com, VIRTUALDUB tut</title>
<meta name="description' content=Virtual Dub tut"/>
<meta name="keywords" content="Virtual Dub tut..,Virtual Dub tutorial, convert, edit, add subtitles, AVI video converter,frame by frame editing"/>
<style>
A:link{
text-decoration:none;}
A:visited{
color:#0d0d5b;
text-decoration:none;}
A:hover{
text-decoration:underline;}
</style>
</head>

<body BGCOLOR=#000000 text=#ffffcc><table><tr><td>
<img style="position:absolute;left:27px;"src="./picture/vd.jpg"><br><a style="position:absolute;top:58;left:800;color:ff0000;"href="index.html">Main Page</a>
<a style="position:absolute;top:58px;left:719px;color:ff0000;"href="vlctut.html">VLC Player</a><a style="position:absolute;top:58;left:658px;color:ff0000;"href="audacitytut.html">Audacity</a>
<div style="position:absolute;border:1px solid blue;background:#2a2828;width:800px;padding:20px; top:60px; margin:20px;font-size:16px;">
<img style="float:right;padding:5px;" src="./picture/v1.jpeg"> &nbsp &nbsp This tutorial is going to be a kind of all for one. It is almost imposible to cover everything
div>

[edited by: tedster at 4:13 pm (utc) on Mar. 26, 2008]

Alignment issues FireFox and IE

aligns perfect in firefox but not in IE

rrainnman

BlobFisk

rrainnman

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week