DIV Layout problem, bottom links, copy right, and page positioning |
DIV Layout problem, bottom links, copy right, and page positioning |
Jun 4 2008, 08:46 PM
Post
#1
|
|
|
Newbie ![]() Group: Member Posts: 2 Joined: Jun 2008 Member No: 655,442 |
I can't figure out what I've done wrong! For some reason the bottom links and the copy right have gone behind my background image. You can see them on the side of the screen, but I can't figure out how to move them back to the bottom. Also, for some reason when the window is maximized everything is in the middle and looks fine, but when it's not it's moved over with too much space. Someone please help me....Here is a link to my page incase I'm not making sense to anyone.
Myspace problem view Here are ALL the codes that I have used. This is in the "About Me" CODE <style type="text/css"> .extendedNetwork {display:none;} td.text br {display:none;} .profileInfo td.text br, td.text table br {display:inline;} .a {hide only blogs} .latestBlogEntry {display:none;} .orangetext15 {display:none;} .nametext {display:none;} .profileInfo td.text a img {display:none;} .profileInfo td td.text {font-size:1px; visibility:hidden;} .profileInfo td.text a img {visibility:visible;} .friendsComments .ImgOnlineNow,.profileInfo td.text div img {visibility:visible;} .ImgOnlineNow, .profileInfo td.text div img {display:none;} .profileInfo td td {visibility:hidden;} .profileInfo td td.text {visibility:visible;} .profileInfo td.text a img {visibility:visible;} .friendsComments .ImgOnlineNow, .profileInfo td.text div img {visibility:visible;} .contactTable {display:none;} .table.UserProfileURL {display:none;} .UserProfileSchool {display:none;} .UserProfileNetwork {display:none;} .UserProfileCompany {display:none;} .interestsAndDetails {display:none;} .UserProfileDetail {display:none;} td, tr, table{visibility:hidden;} td, tr, table a.text{visibility:visible;} .whitetext12{visibility:hidden; display:none;}.orangetext15{visibility:hidden; display:none;}.lightbluetext8{visibility:hidden; display:none;} tr td tr td tr td tr td tr td {width:0px;padding:0px;} table table table table td{width:0px;padding:0px;border:0px;} table.navigationbar td{font-size:0px;background:url();font-color:ffffff !important;} body{background-color:000000;} .cb {wolfreak_99.createblog.com} tr {background-color:transparent;} table table{border:1px solid!important; border-color:black; background-color:black; background-image: url(); background-repeat:repeat; background-attachment:scroll;} .tablebackground{kj} table table table{background-color:000000; width:100%; border:1px dashed!important; border-color:ffffff; padding:0px!important; background-image:none;} .tabels{kj} table, tr, td{background-color:transparent;} table{width:450px;} .annoyongborders{kj} table table table table, table table table td{border:0px!important; padding:0px!important;} .navboxbg{kj} div table{background-color:transparent; border:0px!important; background-image:none!important;} </style> <style> table tr td div font {font-family:comic sans MS; font-size:16px; color;ffffff;} </style> <style>td.text td.text td td a, .redlink, td.text td.text td b a {visibility:visible!important;} td.text td.text td a {visibility:hidden;}</style> <STYLE TYPE="text/css"> body { background-image:url(""); background-attachment: fixed; background-repeat: repeat; background-position: center; background-color: black; scrollbar-arrow-color: black; scrollbar-face-color: black; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-shadow-color: black; scrollbar-highlight-color: black; scrollbar-track-color: black; }</style> <style type="text/css"> div { filter:chroma(color= black); scrollbar-arrow-color: white; scrollbar-face-color: black; scrollbar-3dlight-color: black; scrollbar-darkshadow-color: black; scrollbar-highlight-color: black; scrollbar-shadow-color: black; scrollbar-track-color: black; base-color: black; } </style> <style>a{color:ffffff!important}</style> This is in the "I'd Like to Meet" CODE <style type=text/css>
body { background-color: 000000; background-position: bottom right; background-repeat: no-repeat; background-attachment: fixed; scrollbar-arrow-color:ffffff; scrollbar-track-color: 000000; scrollbar-shadow-color: 000000; scrollbar-face-color:000000; scrollbar-highlight-color:000000; scrollbar-darkshadow-color:000000; scrollbar-3dlight-color:000000;} ___________________________________________________________ {sets the default style for the body, table data, list data, divisions and text areas} body,table, td, li, p, div, textarea {font:normal 9px comic sans MS; color:ffffff; font-weight:none; border:0px; text-transform: none; line-height:12px;} ___________________________________________________________ {class for the basic font for the page} .text {font:normal 9px comic sans MS; color:ffffff; font-weight:none; border:0px; text-transform: none; line-height:12px;} ___________________________________________________________ {style for the number of friends you have.} .redbtext{font-family:comic sans MS; font-size:9px; color:ffffff; font-weight:none;border:0px; text-transform: uppercase; } ___________________________________________________________ {”My Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Comment Me” style} .orangetext15{font-family: comic sans MS; color: ######; font-weight: bold; font-size: 20px; letter-spacing: -2px;} ___________________________________________________________ {”General”, “My Tunes”, “My Fave Movies”, “My Fave TV”, “My Fave Books”, “My Hero”, “My Status”, “Reason For Being”, “My Town”, “Sign”, “Smoke/Drink”, “Children”, “Education” title style} .lightbluetext8{font-family:comic sans MS; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; } ___________________________________________________________ {”Contacting Me”, “My Interests”, “My Details”, and “My Schools” title styling} .whitetext12{font-family:comic sans MS; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} ___________________________________________________________ {”In your extended network” style} .blacktext12{font-family: comic sans MS; color: ######; font-weight: bold; font-size: 20px; letter-spacing: -2px; } ___________________________________________________________ {Stylizing of your name above your picture } .nametext{font-family: comic sans MS; color: ######; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;} ___________________________________________________________ {date stamp on comments} .blacktext10{font-family:comic sans MS; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} ___________________________________________________________ {This is how all anchor points will be displayed; anchor points appear before all links.} a{font-family:comic sans MS; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; } a:link{font-family:comic sans MS; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a:active{font-family:comic sans MS; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a:visited{font-family:comic sans MS; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a:hover{font-family:comic sans MS; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} ___________________________________________________________ {”View My Friends” and “invite more” link style} a.redlink{font-family:comic sans MS; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.redlink:link{font-family:comic sans MS; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.redlink:active{font-family:comic sans MS; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.redlink:visited{font-family:comic sans MS; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; } a.redlink:hover{font-family:comic sans MS; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} ___________________________________________________________ {2 links in very top on the left, and the 13 links above your picture with make the navigation bar} a.navbar{font-family:comic sans MS; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:link{font-family:comic sans MS; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:active{font-family:comic sans MS; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:visited{font-family:comic sans MS; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:hover{font-family:comic sans MS; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} ___________________________________________________________ {Default Links} a:link, a.man{font-family:comic sans MS; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;} a:active{font-family:comic sans MS; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a:visited{font-family:comic sans MS; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a:hover{font-family:comic sans MS; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} ___________________________________________________________ {bolded words} .standard b, p b, B, strong { font-family:comic sans MS; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; } </style> ___________________________________________________________ <div class="bg" style="position: absolute; left:100px; top:170px; width:900px; height:1100px; overflow:auto;"> <img src="http://img.photobucket.com/albums/v236/IllHumor/Layout_2.jpg"> </div> ___________________________________________________________ <div style="overflow:auto; position:absolute; left:405px; top:208px; width:152px; height:132px; background-color:transparent; background-image:url(); background-position:top center; background-repeat:no-repeat;border-style: dashed; border-width: 1px; border-color: 000000;"><center><font style="font-family:comic sans MS; font-size:11pt; color:ffffff"><br/>Navigate Around</font><br /><br /><a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyJk15VG9rZW49MjU3YzU4ZjYtMjdkNS00YjczLTkzNGMtYTcwNDUzYWNhYmVj"><font style="font-family:comic sans MS; font-size:7pt; color:ffffff; font-weight:normal">Go Home</font></a><br /><a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS8xMTI0NDQwOQ=="><font style="font-family:comic sans MS; font-size:7pt; color:ffffff; font-weight:normal">My Blog</font></a><br /><a href="http://www.msplinks.com/MDFodHRwOi8vbWFpbC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1tYWlsLm1lc3NhZ2UmZnJpZW5kSUQ9MTEyNDQ0MDk="><font style="font-family:comic sans MS; font-size:7pt; color:ffffff; font-weight:normal">Message Me</font></a><br /><a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0xMTI0NDQwOQ=="><font style="font-family:comic sans MS; font-size:7pt; color:ffffff; font-weight:normal">Add Me</font></a><br /><a href="http://www.msplinks.com/MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWdyb3Vwcy5hZGR0 2dyb3VwJmZyaWVuZElEPTExMjQ0NDA5"><font style="font-family:comic sans MS; font-size:7pt; color:ffffff; font-weight:normal">Group Me</font></a><br /><a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLmFkZFRvRmF2b3JpdGUmZnJpZW5kSUQ9MTEyNDQ0MDkmcHVibGljPTA="><font style="font-family:comic sans MS; font-size:7pt; color:ffffff; font-weight:normal">Favor Me</font></a></div> ___________________________________________________________ <div style="overflow:auto; position:absolute; left:405px; top:351px; width:152px; height:132px; background-color:transparent; background-image:url(); background-position:top center; background-repeat:no-repeat;border-style: dashed; border-width: 1px; border-color: 000000;"><center><font style="font-family:comic sans MS; font-size:11pt; color:ffffff"><br/>My Tunes</font><br/><br />Ill Humor<br />DIVERSE<br />KoRn<br />Kittie<br />Slipknot<br />ICP<br />Good Charlotte<br />Simple Plan<br />Evanescence<br />Linkin Park<br />System of a Down<br />Maroon 5<br />Eminem<br />Metallica<br />Black Sabbath<br />Pink Floyd<br />AC/DC<br />Butthole Surfers<br />Blondie<br />Crossfade<br />Coal Chamber<br />DL Token<br />Manson<br />Sheryl Crow<br />Kid Rock<br />Barenaked Ladies<br />Three Days Grace<br />Anthrax<br />New Found Glory<br />Alanis Morissette<br />Eamon<br />Iron Maiden<br />Jewel<br />Disturbed<br />Merril Bainbridge<br />Eve 6<br />Sugar Ray<br />Blink 182<br />A Perfect Circle<br />Deftones<br />Staind<br />Godsmack<br />Jet<br />Avril<br />Jessica Simpson<br />My Chemical Romance<br />Green Day<br />Mariah Carey<br />Shakira<br />Lindsay Lohan<br />Lil' Kim<br />Aaliyah < R.I.P ><br />Bloodhound Gang<br />Bone Thugs-N-Harmony<br />Bowling For Soup<br />Coldplay<br />The Calling<br />Cyndi Lauper<br />Dido<br />Drowning Pool<br />Melissa Etheridge<br />Fan 3<br />Garbage<br />Glassjaw<br />Guns N' Roses<br />Hatebreed<br />Hoobastank<br />JoJo<br />The Killers<br />Kottonmouth Kings<br />Led Zeppelin<br />Limp Bizkit<br />Nine Inch Nails<br />Nirvana<br />Oasis<br />The Offspring<br />Orgy<br />Oysterhead<br />P.O.D<br />Papa Roach<br />Sean Paul<br />Pearl Jam<br />Pharrell<br />Puddle of Mud<br />Primus<br />Puffy Ami Yumi<br />Rammstein<br />Red Hot Chili Peppers<br />Saliva<br />Adam Sandler<br />Seether<br /><br />Sixpence None the Richer<br />Smash Mouth<br />Static-X<br />Switchfoot<br />Taproot<br />The Wallflowers<br />Third Eye Blind<br />Thrice<br />Trapt<br />Uncle Kracker<br />Velvet Revolver<br />Yellowcard<br />Rob Zombie<br />Hawthorne Heights<br />All American Rejects<br />Fall Out Boy<br />Apathy<br />Aesop Rock<br />Koda Kumi<br />Christina Aguilera<br />The Moldy Peaches</div> ___________________________________________________________ <div style="overflow:auto; position:absolute; left:405px; top:494px; width:152px; height:132px; background-color:transparent; background-image:url(); background-position:top center; background-repeat:no-repeat;border-style: dashed; border-width: 1px; border-color: 000000;"><center><font style="font-family:comic sans MS; font-size:11pt; color:ffffff"><br/>My Favorite Movies</font><br /><br />The Crow<br />Blow<br /> Constantine<br/>The Nightmare Before Christmas<br/>Evil Dead<br/>GoodFellows<br/>Scarface<br/>Brown Suger<br/>300<br/>Juno<br/>The Number 23<br/>21<br/>Sweeny Todd<br/>Josh's baby movies</div> ___________________________________________________________ <div style="overflow:auto; position:absolute; left:560px; top:208px; width:305px; height:212px; background-color:transparent; background-image:url(); background-position:top center; background-repeat:no-repeat;border-style: dashed; border-width: 1px; border-color: 000000;"><center><font style="font-family:comic sans MS; font-size:11pt; color:ffffff"><br/>About Me</font><br /><br /><img src="http://img.photobucket.com/albums/v236/IllHumor/Me.jpg" /><Br /><br /><a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu mlld0FsYnVtcyZmcmllbmRJRD0xMTI0NDQwOQ=="><font style="font-family:comic sans MS; font-size:7pt; color:ffffff; font-weight:normal">View My Pics</font></a><br /><br />Just your average everyday super girl, living in her world full of Humor. <br /><br /><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZ1c2lvbmNhc2gubmV0Lz9yZWY9YmxhY2thbmdlbmk="></a></div> ___________________________________________________________ <div style="overflow:auto; position:absolute; left:565px; top:443px; width:285px; height:183px; background-color:transparent; background-image:url(); background-position:top center; background-repeat:no-repeat;border-style: dashed; border-width: 1px; border-color: 000000;"><center><font style="font-family:comic sans MS; font-size:11pt; color:ffffff"><br/>Who I'd Like To Meet</font><br /><br /><img src="http://a565.ac-images.myspacecdn.com/images01/12/l_0a99b23a1574ef2a3e0fb6e7cc5c6054.jpg" /><Br /><br />My Honey-Bear<br />< In bed every night and morning. ><br /><br /><img src="http://i61.photobucket.com/albums/h73/teenage_zombie666/jhonen.jpg" /><Br /><br />Jhonen Vasquez<br />< writer of Invader Zim, JTHM & Squee comics, for those of you that don't have a clue ><br /><br /><img src="http://www.seborabsinth.com/images/pictures/celebrities/johnny-depp.jpg" /><Br /><br />Jonny Depp<br />< He's one of the best actors. ><br /><br /><img src="http://www.vh1la.com/bands/az/a/aguilera_christina/mtvla_artist.jpg" /><Br /><br />Christina Aguilera<br />< The worlds greatest singer.><br /><br /><img src="http://overthrown.nu/cometa/playlist/artists/koda_kumi.jpg" /><Br /><br />Koda Kumi<br />< The worlds second greatest singer.><br /><br /><img src="http://www.musiclounge-bw.de/images/thumbnails/interviews/94.jpg" /><Br /><br /> Apathy<br />< one of the coolest rappers, second to Ill Humor <3 ><br/><br /></DIV> </style> ___________________________________________________________ <style> .Hide Number of Friends td.text table {width:100%;} .FriendSpace .btext {display:none;} </style> ___________________________________________________________ <style> .Hide Number of Comments td.text table {width:100%;} .FriendsComments td.text td b {visibility:hidden;} .FriendsComments td.text td b a, .FriendsComments td.text td td b {visibility:visible;} </style> ___________________________________________________________ <Style>table b {display:none;}</style> ___________________________________________________________ <span class="off">!-Start Custom Code To Center and Classify Friend and Comment area--!</span><style>{!-Size outer Comment Div; This is not the scroll piece, this contains the header and the inner div-!}.myDclassCH {color:white; font-size:0px; width:600px; background-color:transparent; border:0px white dashed;}{!-Size Inner Comment Div; This is the Scroll Div -!}.myDclassFC {width:100%; height:400px; overflow:auto; background-color:transparent; border-top:0px white dashed;}{!- Position Div; You may change relative to Absolute. Do NOT remove the word position. You may change relative to absolute. -!}.myDclassFC {position:absolute; top:780px; left:200px;}{!- eliminate the default header -}.friendsComments table, .friendsComments td {background-color:transparent; border:none;}.friendsComments .orangetext15 {display:none; }{!^END BLOCK TO eliminate Default Header ^!}{!-style comment content cells -!} .friendsComments table table td {border:1px white dashed !important; padding:2px; }{!-Eliminate space caused by Carriage Returns between tables-!}.myDclassFC br {display:none;}{!-restore Carriage Return -!}.myDclassFC table.friendsComments table table br {display:inline; line-height:10px;}{!-set Widths for Comment Space-!}.myDclassFC table.friendsComments {width:100% !important; }.myDclassFC table.friendsComments table {width:100% !important; }.myDclassFC table.friendsComments table table td {width:0px !important;}</style><span class="off">!--Close all but one layer of Tables. --!</span></td></tr></table></td></tr></table></td></tr></table><span class="off">!!Start Opening same number of tables we closed.!!</span><table class="myTclassFC"><tr><td class="text"><span class="off">!-Create Div to use for scroll box-!</span><div class="myDclassCH"><center>My Friend's Comments</center><div class="myDclassFC"><span class="off">!!Finish Opening same number of tables we closed.!!</span><table style="display:none;"><tr><td><table><tr><td><span class="off">!^^END CUSTOM BLOCK for Bottom Centered Scroll Comment Area ^^!</span> |
|
|
|
![]() |
Jun 11 2008, 11:57 PM
Post
#2
|
|
|
Member ![]() ![]() Group: Member Posts: 20 Joined: May 2008 Member No: 646,498 |
sorry i have a problem like that also.
but its just that my links dont work in IE or other browsers. they just work in mozilla firefox. |
|
|
|
Blackangeni DIV Layout problem Jun 4 2008, 08:46 PM
Blackangeni How has 64 people viewed my problem and STILL no o... Jun 11 2008, 01:16 AM
schizo It's called patience, my friend. Those sixty-f... Jun 12 2008, 10:22 AM![]() ![]() |