Divs not positioning correctly, Why do they.. |
![]() ![]() |
Divs not positioning correctly, Why do they.. |
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> |
|
|
|
Aug 4 2007, 07:31 AM
Post
#2
|
|
![]() Splee. ![]() ![]() ![]() ![]() Group: Member Posts: 226 Joined: Apr 2006 Member No: 397,965 |
Wont that center it?
|
|
|
|
Aug 4 2007, 09:33 AM
Post
#3
|
|
![]() Splee. ![]() ![]() ![]() ![]() Group: Member Posts: 226 Joined: Apr 2006 Member No: 397,965 |
So I've figured out a few things. The last thing is this:
In IE something happens: [Link] If I remove my comments, everything is fine. I've tried resizing the comments div, the comments text, the content div, and nothing. Heres the new code: 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;} 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; } .content { 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: georgia; font-size: 7pt; 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> <style> </style> <div class="content" style="background-color: E77994; position: absolute; right:36px; top:640px; width:430px; height:100%; border-width: 0px; border-color: 000000; border-style: solid;"> <center> <a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0xOTYwMTA0Ng==">Add</a> • <a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLmFkZFRvRmF2b3JpdGUmZnJpZW5kSUQ9MTk2MDEwNDY=">Favorite</a> • <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz 2FnZSZmcmllbmRJRD0xOTYwMTA0NiZNeXRva2VuPUYxQUJFNkIwLUQ4OUMtNEJGNy1COUMyMzlCNDM2N A5MEJCMjkwMjkyMzI=">Message</a> • <a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdDb21tZW50cyZmcmllbmRJRD0xOTYwMTA0NiZNeVRva2VuPTAyNzZl DExLTkyYjgtNDJmYS04YjUyLWUzYTg0OTQ3NTYzMw==">Comments</a> • <a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja1VzZXImdXNlcklEPTE5NjAxMDQ2">Block</a> • <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29t">Home</a> • <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm5hbmEtdG9vdHNpZS5jb20=">Nana-Tootsie</a></center> <br> <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.msplinks.com/MDFodHRwOi8vd3d3LnNvbnlzdHlsZS5jb20vd2ViYXBwL3djcy9zdG9yZXMvc2VydmxldC9Qcm9kdWN0 GlzcGxheT9jYXRhbG9nSWQ9MTA1NTEmc3RvcmVJZD0xMDE1MSZsYW5nSWQ9LTEmcHJvZHVjdElkPTIwM A1MDEz">Link</a>] or [<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnNvbnlzdHlsZS5jb20vd2ViYXBwL3djcy9zdG9yZXMvc2VydmxldC9Qcm9kdWN0 GlzcGxheT9jYXRhbG9nSWQ9MTA1NTEmc3RvcmVJZD0xMDE1MSZsYW5nSWQ9LTEmcHJvZHVjdElkPTgxO g1NTI5MjE2NjUwNjE1NDE=">Link</a>] or [<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnNvbnlzdHlsZS5jb20vd2ViYXBwL3djcy9zdG9yZXMvc2VydmxldC9Qcm9kdWN0 GlzcGxheT9jYXRhbG9nSWQ9MTA1NTEmc3RvcmVJZD0xMDE1MSZsYW5nSWQ9LTEmcHJvZHVjdElkPTgxO g1NTI5MjE2NjUwNjEwMzA=">Link</a>]<br> • Ink and Glass Quill Set: [<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnNob3BjY2ltLmNvbS9pbmRleC5waHA/bWFpbl9wYWdlPXByb2R1Y3RfaW5mbyZwcm9kdWN0c19pZD0xNzY2">Link</a>]<br> • Processor: [<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm5ld2VnZy5jb20vUHJvZHVjdC9Qcm9kdWN0LmFzcHg/SXRlbT1OODJFMTY4MTkxMDMwNTJS">link</a>]<br> • Motherboard: [<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm5ld2VnZy5jb20vUHJvZHVjdC9Qcm9kdWN0LmFzcHg/SXRlbT1OODJFMTY4MTMxMzE1NDA=">Link</a>]<br> </fieldset><br> <center> <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></center> <b> COMMENTS:</b><br> <div class="comments" style="background-color:E77994;width: 430px; height:auto; position: relative; top:10px;border-width: 0px; border-color: 000000; border-style: solid;"><center> <table><tr><td><table><tr><td></center> </div> </div> |
|
|
|
![]() ![]() |