May 20, 200917 yr I've just written the following, hoping it would lead me to a nice series of positioned black boxes as it's done in the past. Unfortunately, all I get are the contents of my div's written out next to each other with a black background (in the latest Firefox). I'd be grateful if any experience eyes could point me to where I've gone wrong. Many thanks FYI I'm going to z-index logo so it appears on top of the header <html> <head> <style ="text/css"> /* CSS SURPRISE KILLER */ html, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-family:arial; vertical-align: baselinebaseline; background: transparent; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* LOGO */ div0 { positon:absolute; top:0px; left:0px; width:800px; height:100px; background-color:black; } /* HEADER */ div1 { positon:absolute; top:100px; left:0px; width:800px; height:100px; background-color:black; } /* SEARCH AREA */ div2 { positon:absolute; top:0px; left:800px; width:200px; height:50px; background-color:black; } /* RSS AREA */ div3 { positon:absolute; top:50px; left:800px; width:200px; height:50px; background-color:black; } /* ACCOUNT SNAPSHOT */ div4 { positon:absolute; top:100px; left:800px; width:200px; height:400px; background-color:black; } /* CONTENT */ div5 { positon:absolute; top:125px; left:0px; width:800px; height:400px; background-color:black; } /* MENU BAR */ div6 { positon:absolute; top:100px; left:0px; width:800px; height:25px; background-color:black; } </style> <title>MySite</title> </head> <body> <!-- LOGO --> <div0>Logo</div0> <!-- HEADER --> <div1>Header</div1> <!-- SEARCH AREA --> <div2>Search Area</div2> <!-- RSS AREA --> <div3>RSS Area</div3> <!-- ACCOUNT SNAPSHOT --> <div4>Account Area</div4> <!-- CONTENT --> <div5>Main Content</div5> <!-- MENU BAR --> <div6>Menu Bar</div6> </body> </html>
Create an account or sign in to comment