tdonn Posted March 18, 2007 Share Posted March 18, 2007 ok... here's what my design should look like... http://www.outlawz.frihost.net/fula/test2.php see, the boxes on the right... all have the spacers between them and it works well... but when i take away content on the left... the spacers between most of the boxes disappear... anyone know why, any help? feel free 2 look at my coding etc... thanks! Quote Link to comment https://forums.phpfreaks.com/topic/43270-design-problem-spacers-messing-up/ Share on other sites More sharing options...
tdonn Posted March 19, 2007 Author Share Posted March 19, 2007 had time to write up some more, hopefully this will get some help.. thanks... the css (i have highlighted the parts about the boxes on the right >> <style type="text/css"> html,body{margin:0;padding:0} body{font: 67% verdana,arial,sans-serif;text-align:center;} body{background: #2D3855} p{margin:0 10px 10px} a{display:block;color: #FFF;padding:10px} div#header{position:relative; background:#000000} div#header a{position:absolute;right:0;top:23px} div#container{text-align:center} div#content p{line-height:1.4;} div#news{background:#104E8B;border: 2px solid #000000} div#spacer{background:#2D3855} div#extra{background:#104E8B;border: 1px solid #000000} div#extra2{background:#104E8B;border: 2px solid #000000} div#footer{background: #2D3855;color: #FFFFFF} div#footer p{margin:0;padding:5px 10px} div#footer a{display:inline;padding:0;color: #FFFFFF} div#container{width:707px;margin:0 auto} div#content{float:left;width:500px} div#news{float:right;width:200px} div#spacer{float:right;width:200px} div#extra{float:right;clear:right;width:200px} div#extra2{float:right;clear:right;width:200px} div#footer{clear:both;width:100%} hr { border: 1px solid #000000; color: #104E8B; background-color: #104E8B; height: 4px; width: 100%; text-align: left; } body {background-image: url(http://www.outlawz.frihost.net/fula/image/bground.jpg); background-attachment: fixed; background-position: top center; background-repeat: repeat-y; } </style> the code for the boxes >> <div id="spacer"> <br> </div> </div><div id="extra"> <br><font face="verdana" color="#FFFFFF" size="1"><b><P ALIGN="LEFT">LATEST NEWS</b></font><br><br> <font face="verdana" color="#000000" size="1"> - Kadafi on O.F.T.B CD<br><br> - King T - New Album<br><br> - New deathrow compliation<br><br> - Tupac Center closed<br><br> </font> </div> <div id="spacer"> <br> </div> <div id="extra"> <br><font face="verdana" color="#FFFFFF" size="1"><b><P ALIGN="LEFT">LATEST INTERVIEWS</b></font><br><br> <font face="verdana" color="#000000" size="1"> - Taje Of Thuglife<br><br> - Angela Ardis<br><br> - Assassin<br><br> - Jon B<br><br> - Storm<br><br> - Rated R<br><br> </font> </div> <div id="spacer"> <br> </div> <div id="extra"> <br><font face="verdana" color="#FFFFFF" size="1"><b><P ALIGN="LEFT">LATEST MEDIA</b></font><br><br> <font face="verdana" color="#000000" size="1"> - R.I.P Killa Kadafi (MP3)<br><br> - Son Rize - Promo Vid (MP4)<br><br> - Kadafi Desktop #1<br><br> - Kadafi Desktop #2<br><br> </font> </div> <div id="spacer"> <br> </div> <div id="extra"> <br><font face="verdana" color="#FFFFFF" size="1"><b><P ALIGN="LEFT">LATEST POLL</b></font><br><br> <font face="verdana" color="#000000" size="1"> <table width=150 height=100 id=maintbl align=center cellpadding=0 cellspacing=0 ><tr><td valign=top bgcolor=#104E8B><font id=titlefnt color=#FFFFFF> <b> <center>Fatal n Felony </center></b> </font> <br> <form name=id method=post action=http://www.kpoll.com/results.php?pollid=16118626><font color=#000000><input type=radio name=id value=1> <font id=opt1 color=black>Fatal</font><br><input type=radio name=id value=2> <font id=opt2 color=black>Kadafi</font><br> <br> <center> <input type=submit value=Vote> </u> </a> </center> </form> </td> </tr> </table> </font> </div> <div id="spacer"> <br> </div> <div id="extra"> <br><font face="verdana" color="#FFFFFF" size="1"><b><P ALIGN="LEFT">SUPPORT THE REAL</b></font><br><br> <center> <img src="http://www.assatashakur.org/images/resistbanner011-a.jpg"> </center> <br><br> </div> if anyone has any questions... ill b checking back later 2 answer them, also if you need anythin else codin wise then let me know, etc etc... thanks 4 any help Quote Link to comment https://forums.phpfreaks.com/topic/43270-design-problem-spacers-messing-up/#findComment-210433 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.