Log In · Register

 
Divs not positioning correctly, Why do they..
SortedDetails
post Aug 4 2007, 06:38 AM
Post #1


Splee.
****

Group: Member
Posts: 226
Joined: Apr 2006
Member No: 397,965



Anyone know how to fix the circled areas? Everything I've tried has messed the layout up horribly.


CODE
<style type="text/css">
table table,table table table table,table table{background-color:transparent;width:;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,
.redbtext,.redtext,.blacktext12,.blacktext10,
.lightbluetext8,strong,.nametext,div b font font,
div font font u,table table table table, table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none}
table td table tr td.text table {visibility:hidden;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
td.text table table {display:inline; visibility:visible;}
.comments{visibility:visible;background-color: E77994; background-image: url(http://www.nana-tootsie.com/Graphics/MySpace/HBLayout/divrepeat.jpg); background-repeat: repeat-y;border:black 0px solid;z-index:2px;}

body {
background-image: url(http://www.nana-tootsie.com/Graphics/MySpace/HBLayout/bgrepeatpoka.jpg);
}

td.text td.text table table table,
td.text td.text table br,
td.text td.text table .orangetext15,
td.text td.text .redlink,
td.text td.text span.btext
{display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}
td.text td.text {height:0;}
td.text td.text table b, td.text td.text table table td {font-size:8pt;}

td.text a img {
width: 90px !important;}
td.text td.text a img {
width: 70px !important;}

.comments td b{display:none;}

body div table td form img{display:none!important;}
body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}

table.friendsComments a img {width:90px;}
table.friendsComments tr td.text table tr td table tr td a > img {max-width:80px;}
table.friendsComments img {width:80px;}
table.friendsComments tr td.text table tr td table tr td:first-child a img {width:80px;}
table.friendsComments div img {width:80px; height:20px;}
*table.friendsComments a img {width:80px;}
input {
    border-width: 1px;
    border-style: solid;
    border-color: 000000;
    width:75px;
    font-family: small fonts;
    text-transform:uppercase;
    letter-spacing:1pt;
    font-size: 7px;
    color: 000000;  
    background-color: 90336f;
}

textarea {
    color: ffffff;
    font-size: 7pt;
    font-family: verdana;
    border-width: 1px;
    border-style: solid;
    border-color: ae394c;
    border: 0px;
    background-color: 311818;
    text-align: left;
    width: 200px;
    height: 50px;
    overflow: auto;
}
.wishlist {
font-family: century gothic, verdana;
font-size: 8pt;
color: 841029;
}
a {
color: 421C31;
font-weight: bold;
text-decoration: none;
}
a:link {
color: 421C31;
font-weight: bold;
text-decoration: none;
}
a:visited {
color: 421C31;
font-weight: bold;
text-decoration: none;
}
a:active {
color: 421C31;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: EFF7EF;
font-weight: bold;
text-decoration: none;
}

body table tr table tr td.text table tr td.text table tr td table tr td {
font-family: century gothic, verdana;
font-size: 8pt;
color: ffffff;
}
.friendscomments a{visibility:hidden;}
.friendscomments img{visibility:visible;}
</style>
<div class="bg" style="position: absolute; right:0px; top:98px; width:550px; height:657px; overflow: hidden;">
<img src="http://www.nana-tootsie.com/Graphics/MySpace/HBLayout/hbtimebg.jpg" border="0">
</div>

<div class="content" style="background-image: url(http://www.nana-tootsie.com/Graphics/MySpace/HBLayout/divrepeat.jpg); background-repeat: repeat-y; position: absolute; right:36px;  top:640px; width:430px; height:100%;">

<div class="countdown" style="position: relative; left:30px;">
<table style="border-collapse:collapse;"><tr><td colspan="2"><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="60" width="350" data="http://stuff.pyzam.com/toys/countdown.swf?maturity=0710180000B083121114105110120105101039115032066105114116104100097121033">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://stuff.pyzam.com/toys/countdown.swf?maturity=0710180000B083121114105110120105101039115032066105114116104100097121033" />
  <param name="quality" value="high" />
  <param name="wmode" value="transparent" />
  <param name="salign" value="lt" />
</object></td></tr></table><br>
</div>
<div class="wishlist" style="position: relative; margin-left: 10px; margin-right: 10px;">
<fieldset><legend style="font-size: 9pt; font-weight: bold; color: ffffff;"> LINKS </legend>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=19601046">Add</a> • <a href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=19601046">Favorite</a> • <a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=19601046&Mytoken=F1ABE6B0-D89C-4BF7-B9C239B4367090BB29029232">Message</a> • <a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=19601046&MyToken=0276e411-92b8-42fa-8b52-e3a849475633">Comments</a> • <a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=19601046">Block</a> • <a href="http://www.myspace.com">Home</a> • <a href="http://www.nana-tootsie.com">Nana-Tootsie</a></fieldset>

<fieldset><legend style="font-size: 9pt; font-weight: bold; color: ffffff;"> OH NOES! </legend>
It's coming... OMG! I'll be.. *GASP* 21 years old! I'll be able to drink legally!
</fieldset>
<fieldset><legend style="font-size: 9pt; font-weight: bold; color: ffffff;"> Wish List </legend>
<b>Lets see... What do I want.. What do I want...</b><br>
<br>
• Money(Mainly)<br>
• Digital Camera: [<a href="http://www.sonystyle.com/webapp/wcs/stores/servlet/ProductDisplay?catalogId=10551&storeId=10151&langId=-1&productId=20005013">Link</a>] or [<a href="http://www.sonystyle.com/webapp/wcs/stores/servlet/ProductDisplay?catalogId=10551&storeId=10151&langId=-1&productId=8198552921665061541">Link</a>] or [<a href="http://www.sonystyle.com/webapp/wcs/stores/servlet/ProductDisplay?catalogId=10551&storeId=10151&langId=-1&productId=8198552921665061030">Link</a>]<br>
• Ink and Glass Quill Set: [<a href="http://www.shopccim.com/index.php?main_page=product_info&products_id=1766">Link</a>]<br>
• Processor: [<a href="http://www.newegg.com/Product/Product.aspx?Item=N82E16819103052R">link</a>]<br>
• Motherboard: [<a href="http://www.newegg.com/Product/Product.aspx?Item=N82E16813131540">Link</a>]<br>


</fieldset>

</div>

<div class="comments" style="width: 428px; height:auto; position: relative; top:10px;"><center>
<br>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="19601046" value="RAWRR" type="hidden"><textarea>Leave a comment!</textarea>
<br> <input value="SUBMIT" type="submit"> <input value="RESET" type="reset"></form>
<b> COMMENTS:</b><br>
<table><tr><td><table><tr><td></center>
</div>
</div>
 

Posts in this topic
Syrinx   Divs not positioning correctly   Aug 4 2007, 06:38 AM
Syrinx   Wont that center it?   Aug 4 2007, 07:31 AM
Syrinx   So I've figured out a few things. The last thi...   Aug 4 2007, 09:33 AM


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: