n0xx

damn we have ie8 and ppl still use ie6 o_O http://24ways.org/2007/supersleight-transparent-png-in-ie6 or u can cut again this "layout" with included background and everything will be workin too.

in ie/ff and opera everything looks good m8. So i think it wont be a problem. btw i cut this to fast so u gonna add some left and right margins to have all inside.

here u go m8. I hope u wanna something like this. //edit damn i forgot to put those, content div's, w8 a sec and i will upload "proper" wer. site.zip

try this m8. have a nice day Untitled_1.html

Its not a problem. Ive deleted this and still doesnt work proper in ie. NEUR0M4NCER can u upload this html with css but with a less content inside ? - 4-5news are enough

strange thing. When i deleted about 70% of news this right div works perfect in ie.

can u give us adres of this site ? or html and css file ?

damn m8 u have a big mess in this html :] Your problem is : <div style="position: absolute; width: 568px; height: 98px; z-index: 0; left: 89px; top: 106px; float: left; visibility:visible" id="Menu"> but lets clear few things before solve this. u have seperate css file <link rel=stylesheet type="text/css" href="styles.css"> So why u adding css style in html file too ? <body bottommargin="0" leftmargin="0" marginheight="0" marginwidth="0" rightmargin="0" topmargin="0" bgcolor="#EAEAEA" onload="FP_preloadImgs(/*url*/'../Pictures/button4.jpg', /*url*/'../Pictures/button10.jpg', /*url*/'WebPicture/button2.jpg', /*url*/'WebPicture/button3.jpg', /*url*/'WebPicture/button5.jpg', /*url*/'WebPicture/button6.jpg', /*url*/'WebPicture/button8.jpg', /*url*/'WebPicture/button9.jpg', /*url*/'WebPicture/buttonB.jpg', /*url*/'WebPicture/buttonC.jpg', /*url*/'WebPicture/buttonE.jpg', /*url*/'WebPicture/buttonF.jpg', /*url*/'WebPicture/button29.jpg', /*url*/'WebPicture/button2A.jpg', /*url*/'WebPicture/button2C.jpg', /*url*/'WebPicture/button2D.jpg', /*url*/'WebPicture/button2F.jpg', /*url*/'WebPicture/button30.jpg')"> daaaaaaamn m8, why are u doin this ? You shoud create div called wrapper or container and put those all div's and tables (if u really must, but will be good if u will start doing all on div's) THIS <table border="0" style="border: 2px solid #565656; border-top: 0px" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" height="100%" width="777"> <tr> <td><!-- logo image --><!-- end logo image --> <img border="0" src="WebPicture/Heading-proba.jpg" width="778" height="106"></td> </tr> <tr> <td width="2" height="23"> </td> </tr> <tr> <td height="100%" align="justify"> <!-- main content starts here --> u can replace with this : <div id="header"></div> and in css write something like this : #header { width:778px; height:106px; background-image:url(WebPicture/Heading-proba.jpg); position:relative; margin:0; } after this, in html u will have <div id="Menu"> (clear all style things from there, and add something like this to your external css file) #Menu { position: relative; width: 568px; height: 98px; z-index: 0; float: left; margin-top:0px; } In your html you gave to Menu div, position:absolute, and thats why u have those problems. btw, stop using FrontPage m8, and start learning dreamwaver or some kind of freebie soft for creating websites. and try to do not mix tables and div's, Try to only on div's index.html styles.css

Just wanna say hello to all members. That shoud be my first post here but i wanted to help few ppl fist :] My name is Daniel, and im from Poland. Im working as webdesigner. I think that's all what u wanna read from new guy :] Have a nice day.

we have 2009 year so please, do not use <center> o_O <div> <div align=center><div id="footer">CopyRight 2008-2009 BeauRepairsWebDesign[bRWD]</div></div align=center> </div> shoud be : <div id="footer">CopyRight 2008-2009 BeauRepairsWebDesign[bRWD]</div> <!--end of footer div--> </div> <!--end of container div--> /* FOOTER */ #footer { margin-top: 60px; padding: .5em; clear: both; font-size: 11px; color: #fff; background: #000; url(images/footer.jpg) no-repeat; border-top: 1px solid #aaa; } shoud be : #footer { [b]position:relative; margin-bottom:0px;[/b] font-size:11px; color:#fff; background: #000; [b]background-image[/b]:url(images/footer.jpg) no-repeat; border-top: 1px solid #aaa; text-align:center } or </div> <!--end of container div--> <div id="footer">CopyRight 2008-2009 BeauRepairsWebDesign[bRWD]</div> <!--end of footer div--> then #footer { [b]position:relative; margin-top:60px;[/b] (or how many space between site and footer do u want) font-size:11px; color:#fff; background: #000; [b]background-image[/b]:url(images/footer.jpg) no-repeat; border-top: 1px solid #aaa; text-align:center }

body { margin-top:0px; }

Hello all, its my first post here. I hope this gonna solve your problem m8. in html file <body> <div id="container"> <div id="topdiv"></div> <div id="bottomdiv"></div> </div> </body> in css body { background-color:#039; margin:10px; } #topdiv { width:100%; height:100px; background-color:#000; position:relative; margin-bottom:10px; } #bottomdiv { width:100%; height:500px; background-color:#000; position:relative; } #container { position:relative; margin-left:auto; margin-right:auto; width:100%; } To change size of blueline change margin in body and margin-bottom in topdiv (must be the same value).