Internet Explorer sucks! — OZONE Asylum, home of the Mad Scientists

CSS - DOM - XHTML - XML - XSL - XSLT

Internet Explorer sucks!

This page's ID: 28485

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	HI! Working on a homepage for HBK and I made one that works very well in firefox but looks like a bloody mess in IE. I don't have access to IE because I'm working from an linux platform. \|__ http://www.olssone.com/index.html __\| I valdiated the html and it passes. The CSS has several problems which I'm kinda clueless to fix. Just with my febble mind I think the IE Problems has something to do with the float property? Help please! [IMG]http://galleri.olssone.com/albums/album11/sigchrome_001.gif[/img] [code]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>index</title> <style type="text/css"> body { padding: 0px; } #right { margin: 0px; padding: 0px; right: 0px; bottom: 0px; position: fixed; left: 260px; background-color: rgb(255, 255, 255); top: 184px; width: 764px; clear: none; overflow: auto; background-image: url(ankareorignal.jpg); background-attachment: fixed; background-position: left top; opacity: 1; height: 584px; } #righttop { margin: 0px; padding: 0px; top: 0px; left: 260px; right: 0px; bottom: 0px; height: 184px; position: fixed; background-color: rgb(191, 200, 215); width: 764px; } #left { margin: 0px; padding: 25px 0px 0px 10px; float: none; background-color: rgb(58, 99, 120); position: fixed; right: 0px; bottom: 0px; left: 0pt; clear: left; width: 260px; top: 184px; text-align: center; height: 559px; } #lefttop { margin: 0px 0px 0%; padding: 0px; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgb(43, 78, 101); position: fixed; height: 184px; width: 260px; text-align: center; } .content { border-style: dotted; border-width: 2px; margin: 25px; padding: 25px; right: 0px; bottom: 0px; background-color: rgb(255, 255, 255); position: relative; top: 0pt; left: 0pt; width: 644px; font-weight: normal; font-style: normal; text-transform: none; text-align: left; font-size: 1.1em; font-family: Courier New,Courier,monospace; height: 475px; } h3 { font-weight: bold; font-style: oblique; text-align: center; text-decoration: underline; font-size: 1.25em; } h4 { margin: 0pt; padding: 0.3em; text-align: center; } div.menu { border: 1px solid rgb(0, 0, 0); margin: 1em; padding: 0pt; background: rgb(73, 139, 180) none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; position: relative; width: 200px; } div.menu a { border-top: 1px solid rgb(0, 0, 0); margin: 0pt; padding: 0.3em; display: block; width: 100%; font-weight: bold; color: rgb(51, 51, 51); font-family: Arial,Helvetica,sans-serif; } html > body div.menu a { width: auto; } div.menu a:hover { background: rgb(191, 200, 215) none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; color: rgb(51, 51, 51); } </style> </head> <body> jh <div id="left"> <div class="menu"> <img style="border: 0px solid ; width: 200px; height: 34px;" title="Välkommen till husumsbåtklubb" alt="Husumsbåtklubb" src="hemsideplatta%237.png" align="middle" hspace="0" vspace="0"> <a href="#">Hem<br> </a><a href="#">Styrelsen<br> </a><a href="#">Utflyktsmål<br> </a><a href="#">Aktuellt<br> </a><a href="#">Gästbok<br> </a><a href="#">Historia<br> </a><a href="#">Foton<br> </a></div> <div id="lefttop"><img style="border: 0px solid ; width: 148px; height: 162px;" title="Välkommen till husumsbåtklubb" alt="Husumsbåtklubb" src="ankareorignal5.png" align="middle" hspace="0" vspace="12"></div> <div id="righttop"></div> <div id="right"> <div class="content"><br> <h3>Välkommen till Husums Båtklubb</h3> <br> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut lectus ligula, euismod quis, pretium eget, gravida in, libero. Praesent vel purus eu orci iaculis pharetra. Suspendisse blandit orci non lectus. Maecenas massa lectus, hendrerit pharetra, nonummy eget, consectetuer<img style="border: 0px solid ; width: 343px; height: 208px; float: right;" alt="Baggviken" title="Baggviken" src="baggviken.gif" hspace="5" vspace="5"> eu, nisl. Aenean condimentum, lacus quis rhoncus rutrum, nibh ante ultricies tellus, vitae pretium metus felis in sapien. Ut00 nonummy aliquam lectus. Cras tempus, sapien sit amet faucibus tempus, lacus augue posuere nulla, vitae pharetra ipsum nulla sit amet sem. Curabitur aliquam lacus vel ipsum hendrerit venenatis. Aenean id nibh ac arcu aliquam lobortis. Vivamus justo dui, volutpat non. </div> </div> </div> </body> </html>[/code] [small](Edited by [url=http://www.ozoneasylum.com/user/1613]OlssonE[/url] on 09-28-2006 22:32)[/small] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu