Jump to content

design problem... spacers messing up??


Recommended Posts

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!

Link to comment
https://forums.phpfreaks.com/topic/43270-design-problem-spacers-messing-up/
Share on other sites

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

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.