ste

it's really annoying that IE6 wont support :hover on anything but a link2 ways around this problem are:1) wrap the whole td in an <a> tag (the problem with this is that your page will not validate) 2) use javascript, just google "rollover div javascript" (problem here: small amount of users have javascript turned off )

by this do you mean in the same folder? check that it isalso in your computer right click the image and click 'open with' then firefox or whatever your browser is to see if the file is corupt or wont open in your browser for whatever reason. make sure the file is actually a gif if that is how your refering to it in the html

if you give me the structure you want for the menu (home/services/etc) i might be able to post a code example but i cant make any promises, because i dont know if i will be busy or not (im in work here after all)

sure, you have to test in all. but one point that i think is really important is for people to develop in a complient browser like FF or Opera and then hack for IE. its so much more logical than when people get things as they like in IE and then struggle to get their uncomplient code to work in FF. ive seen it so many times

hi JMiles, glad you got it working it happened because absolute positioning takes the element out of the flow of the document (normally each element in your html will be positioned relative to the rest of the content) e.g. block level elements (paragraphs images etc.) will display in the order they appear in the html but absolute positioning will place an object exactly where you say in pixels regardless of the document flow. heres a quote form microsoft that explains it better so basically if elements are not in the document flow the document will not be rendered as longer than the viewport in IE. therefore no scrollbarhope this helps

you can do it with html & cssheres an article that describes howhttp://www.cssplay.co.uk/menus/final_drop.html

ok i think i get you know, you want the footer to stick to the bottom of the screen no matter how much content is in the middle right?this article may help http://www.themaninblue.com/experiment/footerStickAlt/

i dont get what you mean. if you dont set the height of these elements they will be as tall as whatever amount of content you put in them

please dont. that would be far more annoying. the banner ads as they are is fine they arent too intrusive & hopefully the admins earn a bit to pay towards the bandwidth bill.

JMiles try replacing you stylesheet with this /* ---------- General layout ---------- */ body { font-family: Garamond, "book antigua", "Times New Roman", serif; background-image:url(../Images/Bg-border.gif); padding:0; margin:0; color:#006; } #container { background-color:#eee; width:800px; margin:0 auto; border:0; padding:0; } #pgheader { background-image: url(../Images/Blue-page-header2.jpg); background-repeat: no-repeat; width: 800px; border-bottom: 40px solid #eee; margin: 0; padding:0; text-align: left; height: 190px; } #pgheader img { border: 0; margin: 0; padding: 0; width: 351px; height: 80px; text-align:center; padding-top: 10px; font-family: "Arial Black"; } #nav { font-weight:600; font-family: "lucida sans", verdana, arial, sans-serif; font-size: 14px; padding: 10px 0 10px 20px; } #nav li { display: inline; } #nav ul { text-align: right; margin-right:15px; } #txtmag { float: left; padding: 10px; margin-top: 10px; } #mainbod { margin:0; padding:0; color: #000; background-color:#eee; width:800px; } h2 { font-size: 1.2em; border:0; padding: 0; margin: 0 0 20px 0; } h3 { font-size: 1em; border:0; padding: 0; margin:5px 0 10px 0; text-align:center; } #leftcol { float:left; padding:0; border:0; background: #006 url(../Images/Left-menu_top.gif) no-repeat top left; font-family: "lucida sans", verdana, arial, sans-serif; font-size:14px; margin: 0 0 0 5px; } #leftnav { background: url(../Images/Left-menu_bottom.gif) no-repeat left bottom; padding:0; border-bottom:10px; margin:0; } #leftnav #home #cv #port #contact #info { text-align: left; margin:0; padding:0; } #maintxt { float:left; padding:0; margin:0; width:420px; margin:0 10px 0 10px; } #rightcol { float:right; background-image:url(../Images/right-col_gb.psd); padding:0; margin:0; width:170px; } #footer { clear: both; text-align:center; font-family: "lucida sans", verdana, arial, sans-serif; font-size: 14px; background-color:#006; color:#fff; padding:5px 0 5px 0; } #port ul { position:relative; left:-30px; } /* ---------- Page Styling ---------- */ p { margin-top: 0; margin-bottom: 1em; text-align: left; font-size: 0.75em; line-height: 1.6; } #webdes { color: #fff; font-size: 24px; font-family: "Arial Black"; text-align: right; letter-spacing: 0.48em; text-transform: uppercase; padding: 0 50px 0 0; } #leftnav li { list-style: none; padding: 10px 0 0 10px; } #maintxt p { margin-top: 0; margin-bottom: 0.75em; text-align: justify; font-size: 1em; line-height: 1.6; } #maintxt ul { margin-top: 0; margin-bottom: 0.75em; text-align: justify; font-size: 1em; line-height: 1.6; } #rightcol img { padding: 0 10px 10px 0; } #footer li { display:inline; margin-right:5px; } #footer a:link, #leftnav a:link { color: #fff; text-decoration:none; font-weight: 600; } #footer a:visited, #leftnav a:visited { color: #ddd; text-decoration: none; font-weight: 500; } #footer a:hover, #leftnav a:hover { color: #6ff; text-decoration:underline; font-weight: 800; } #maintxt a { color:#006; border-bottom: 4px solid #390; text-decoration:none; padding: 1px 3px 1px 3px; } .portImg img { margin: 0 15px 15px 0; float:left; } #topnav a { color:#006; background-color:#eee; padding: 3px 10px 2px 10px; border-bottom: 6px solid #390; text-decoration: none; margin: 0 5px 0 0; } #topnav a:visited, #maintxt a:visited { color:#060; } #topnav a:hover, #maintxt a:hover { color:#fff; background-color:#006; } address { font-family: Garamond, "book antigua", "Times New Roman", serif; text-decoration: none; font-style: normal; } .uline { text-decoration:underline; } #footer img {border:0;} a img { border:0; }

<?xml version="1.0" encoding="ISO-8859-1" ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>Trouble in paradise</title> <style type="text/css"> body { background-color: red; } #container { background-color: green; margin: 0px; width: 100%; padding: 1px } </style> </head> <body> <div id="container"> <p>something</p><p>something</p><p>something</p><p>something</p><p>something</p></div> </body></html>

hi, instead of trying to style html & body individually. style a container div within the body

i think floating the columns inside the container should work better. also divs dont have default borders in any browser so you dont need all those border:0's

i hate when google ads are styled to fit in with the design of the page. when they are mixed in with the content & styled to look like part of a sites internal links.

instead of javascript you could use conditional comments which will let you target exactly which version of IE you want (in your case not version 7)<!--[if lt IE 6]>Internet Explorer 6 & lower versions<![endif]--><!--[if gt IE 7]>Internet Explorer 7 & later versions<![endif]-->

i would probably use phpbb and design a new theme so that the forum fits in with the rest of the clients site & doesnt look like every other bb on the net. you can charge him for this design even tho you are using a premade forum script.

what improvements do you have in mind prateek?

I didnt know it was possible outside of IE. thanks jlhaslip

the "lt" in <!--[if lt IE 7]> means versions below. so IE6 would be included in thattry increasing the width of the div "main" in the IE stylesheet which in your code i can see is located here: http://www.sidexsideaction.com/wp-content/...es/sidex/ie.cssyou could add to that file:#main { width: 900px;} or whatever width is large enough to fit both floated columns

lol

Hi fluentdesigns,the problem here is that IE is rendering something in one of the columns with some extra width which is pushing the div rightColumn down the page.you might try adding to your css:* {margin: 0; padding: 0;}or trying to find what specific thing is causing the extra width in IEalternatively you could add a conditional comment in the head of your document to load a different style sheet for IE like so:<!--[if lt IE 7]><link rel="stylesheet" type="text/css" href="IEstylesheet.css" /><![endif]-->then in IEstylesheet.css make the div "main" wider, something like#main { width: 900px; }

IE6 only supports min-height for th, tr, and td, not for divs or other elements. source: http://msdn.microsoft.com/workshop/author/...s/minheight.asp

agreed, the tiny amount you save in file size is not worth the damage you may do your site with these "custom tags"

true but that isnt the only factor that determines page rank. from googles site: about new content:

what you describe would probably be bad for page rankings. Google likes well strucured documents. remember to a search engine tags are the only thing to describe the content i.e. <p> refering to a paragraph etc.