Help - Search - Members - Calendar
Full Version: Div problems
Forums > Resource Center > Support Center > MySpace Support > Myspace Resolved Topics
JackRapington
So in FF, for me at least, everything looks fine. In IE though the content area has scroll bars even though there set to auto px.
CODE
<style>
.bl {display:block;width:76px;height:76px; background-color:transparent; background-image:url("http://i36.tinypic.com/11maixs.png"); background-repeat:no-repeat; background-position:top left; }
.bl:hover {display:block;width:76px;height:76px; background-color:transparent; background-image:url("http://i35.tinypic.com/hsj8cw.png"); background-repeat:no-repeat; background-position:bottom left;}
</style>
<style>
.go {display:block;width:322px;height:38px; background-color:transparent; background-image:url("http://i36.tinypic.com/52z78i.jpg"); background-repeat:no-repeat; background-position:top left; }
.go:hover {display:block;width:322px;height:38px; background-color:transparent; background-image:url("http://i33.tinypic.com/2ro6h6t.jpg"); background-repeat:no-repeat; background-position:bottom left;}
</style>
<style>
.add {display:block;width:209px;height:137px; background-color:transparent; background-image:url("http://i33.tinypic.com/148q91w.png"); background-repeat:no-repeat; background-position:top left; }
.add:hover {display:block;width:209px;height:137px; background-color:transparent; background-image:url("http://i38.tinypic.com/2iayc0k.png"); background-repeat:no-repeat; background-position:bottom left;}
</style>

<style>
.comt td, .comt table{width:0px!important; height:0px!important; background-color:transparent!important; border:0px!important; _padding:2px!important;} .comt .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{visibility:visible;} .comt td td td b{top:0px; display:inline;} .comt .redtext15{display:none;} .comt td b, .blacktext10 {display:block;} .comt table, .comt td b, .comt .btext, .redlink{position:relative; top:-9px;} .comt {z-index:7;}
JB{The Main: comment div;}
.comt {width:450px; height:autopx; overflow:auto;
background-color:transparent; border:0px solid; border-color:black; position:absolute; top:360px; left:50%; margin-left:60px; }
JB {Timestamp: width;}
.blacktext10 {width: 320px;}
JB{all text in comments}
.comt td td td, .comt td td td b {color:fff!important;
font-family:arial;
font-size:7pt;
font-weight: normal;
text-transform:none;
letter-spacing: 0px;}
JB{adds comment spacer line}
.blacktext10{border-bottom:1px solid; border-color:white;}
JB{Add Comment link (all links)}
.comt td a {color:00b1b0!important;
font-family:arial!important;
font-size:7pt!important;
font-weight: normal;
text-transform:none;
letter-spacing: 0px;}
.comt td a:hover {color:00d5d2!important;
font-family:arial!important;
font-size:7pt!important;
font-weight: normal;
text-transform:none;
letter-spacing: 0px;}
JB{hides: comment timestamp}
.blacktext10{color:ee2b74!important;
font-family:arial;
font-size:7pt;
font-weight: normal;
text-transform:none;
letter-spacing: 0px;}
JB{hides: friend name links}
.comt td td td a{color:00b1b0!important;
font-family:arial!important;
font-size:7pt!important;
font-weight: normal;
text-transform:none;
letter-spacing: 0px;}
JB{hides: the Add Comment link}
.comt td a{color:00b1b0!important;
font-family:arial!important;
font-size:7pt!important;
font-weight: normal;
text-transform:none;
letter-spacing: 0px;}
JB{hides: Displaying XX of XX comments(View/Edit All Comments)}
.comt td b{color:fcff00!important;
font-family:arial!important;
font-size:7pt!important;
font-weight: normal;
text-transform:none;
letter-spacing: 0px;}
JB{resizes: online now image}
.comt td td td .ImgOnlineNow {width:80px!important;}
</style>

<style>
blockquote{background-color: 404040;
padding: 10px;
width: 380px;
margin-left: 7px;
line-height: 13px;
_margin-left: 17px;
}

a {color:ee2b74 !important;
font-family:arial!important;
font-size:9pt!important;
letter-spacing: 0px!important;
font-weight: normal!important;
}

a:hover {color:ee73a1 !important;
font-family:arial!important;
font-size:9pt!important;
letter-spacing: 0px;
text-decoration:none!important;}

img {border:0px;}

h4 {color:353232!important;
font-family:georgia;
font-size:19pt;
letter-spacing:0px;
text-transform:none;
line-height:0px;
text-align:left;
border-bottom: 0px dotted;
border-color:763b3b;
font-weight:normal;
margin-bottom:10px;}

h4:first-letter {font-size:24pt;}

h5 {color:fff!important;
font-family:arial;
font-size:10pt;
letter-spacing:5px;
text-transform:none;
line-height:4px;
text-align:left;
border-bottom: 0px dotted;
border-color:763b3b;
font-weight:normal;
margin-bottom:10px;}

h1 {color:ee2b74!important;
font-family:georgia;
font-size:13pt;
letter-spacing:0px;
text-transform:none;
line-height:15px;
text-align:left;
border-bottom: 0px dotted;
border-color:763b3b;
font-weight:normal;
margin-bottom:10px;}

h1:first-letter {font-size:18pt;}

h2 {color:ffee00!important;
font-family:georgia;
font-size:13pt;
letter-spacing:5px;
text-transform:none;
line-height:15px;
text-align:center;
border-bottom: 0px dotted;
border-color:763b3b;
font-weight:normal;
margin-bottom:10px;}

h2:first-letter {font-size:18pt;}

h3 {color:00b1b0!important;
font-family:georgia;
font-size:13pt;
letter-spacing:9px;
text-transform:none;
line-height:15px;
text-align:right;
border-bottom: 0px dotted;
border-color:763b3b;
font-weight:normal;
margin-bottom:10px;}

h3:first-letter {font-size:18pt;}

U {
border-bottom: 1px solid;
border-bottom-color: ffee00; }

I {
font-family: arial;
letter-spacing: 1px;
font-size:13px;}

S {
font-style: strike; }

B {
font-family:arial;
font-size:12px;
color:00b1b0;
letter-spacing: -1px;
font-weight:none;
border:0px;
text-transform: none; }

.aboutme1{
color:fff!important;
font-family:arial;
font-size:8pt;
font-weight: normal;
text-transform:none;
letter-spacing: 0px;
text-align:justify;}

</style>

</style>
<style>body{cursor:Crosshair}</style>
<style>a:hover{cursor:Help}</style>
<style>
.profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileNetworking, .userProfileSchool, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .blurbs td.text, .orangetext15, table div { display:none!important;
}div table div, table table div {
display:block!important; padding:0;
}table, tr, td {
background:none; border:none;
}.clearfix, .clearfix div {
background-image:none!important;
overflow:hidden;
}.clearfix {
position:relative;
top:-30px;
width:728px;
}.clearfix .clearfix {
bottom:-30px;
margin:-45px 0 0;
position:relative;
top:auto;
width:auto;
}.clearfix .clearfix div {
margin:45px 0 0;
}.clearfix .clearfix div div {
margin:auto;
}.profile, .profile div, .profile input, .clearfix select,.clearfix option, .clearfix ul {
display:none!important;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}.friendSpace {display:none;}.contactTable {display: none;}.extendedNetwork {display:none;}.latestBlogEntry {display:none;}.userProfileURL {display:none;}.userProfileDetail {display:none;}
</style>

<style>
div {filter:chroma(color= purple);
scrollbar-arrow-color: black;
scrollbar-face-color: purple;
scrollbar-3dlight-color: purple;
scrollbar-darkshadow-color: purple;
scrollbar-highlight-color: purple;
scrollbar-shadow-color: purple;
scrollbar-track-color: purple;
base-color: purple;

}
</style>

<style>
body{overflow-x:hidden}
body{background-color:2b2b2b;background-image:url(http://i33.tinypic.com/x2je2v.png); scrollbar-arrow-color: white; scrollbar-face-color: white; scrollbar-3dlight-color: white; scrollbar-darkshadow-color: white; scrollbar-shadow-color: white; scrollbar-highlight-color: white; scrollbar-track-color: white;}
</style>
<div class="cocaine" style="position: absolute; left:0px; top:90px; width:autopx; height:autopx; overflow: hidden;">
<img src="http://i37.tinypic.com/elbtrm.png" />
</div>
<style>
object {position:absolute; height:45px; width:45px;}
object {top:0px; left:49%; margin-left:-400px;}
object {_top:0%; _margin-top:-382px; _margin-left:-169px;}
td td td object {position:static; margin:auto;}
</style>



2nd code

CODE
<div class="aboutme1" style="position: absolute; left:400px; top:120px; width:410px; height:autopx; overflow: auto;"><br /><br />
<h4>Say good bye to light</h4>
<h5>bcause it's gone today</h5>
</div>

<div class="aboutme1" style="position: absolute; left:100px; top:340px; width:410px; height:autopx; overflow: auto;">

<h1>Header 1</h1>
<u>Underlined</u> <b>Bold</b> <s>Strike</s> <i>Italicize</i> <a href="url" target="_blank">Link</a>
<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi. Duis et urna eget diam vestibulum suscipit. Pellentesque nec justo. Aliquam mollis tortor vel dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Nunc tristique velit ut metus. Nunc tristique velit ut metus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula.
<h2> Header 2</h2>
<blockquote> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi. Duis et urna eget diam vestibulum suscipit. Pellentesque nec justo. Aliquam mollis tortor vel dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Nunc tristique velit ut metus. Nunc tristique velit ut metus. </blockquote>
<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi. Duis et urna eget diam vestibulum suscipit. Pellentesque nec justo. Aliquam mollis tortor vel dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Nunc tristique velit ut metus. Nunc tristique velit ut metus.
<h3>Header 3</h3>
<blockquote> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. </blockquote>

</div>

<div class="aboutme1" style="position: absolute; left:809px; top:257px; width:autopx; height:autopx; overflow: auto;">
<a href="URL HERE" class="bl"></a>
</div>
<div class="aboutme1" style="position: absolute; left:10px; top:127px; width:autopx; height:autopx; overflow: auto;">
<a href="URL HERE" class="add"></a>
</div>
<div class="aboutme1" style="position: absolute; left:50px; top:300px; width:autopx; height:autopx; overflow: auto;">
<a href="URL HERE" class="go"></a>
</div>

</td></tr></table></td></tr></table>
<div class="comt"><table class="off"><tr><td><table><tr><td>


layout


...I need them to not be like that.
JackRapington
Thanks, that fixed the scroll problem too.
fixtatik
overflow:auto; was showing scroll bars in IE because of the way it handles pixel sizes. it's different than firefox; your content area in IE was a little bigger than your width and height, so the scroll bars showed.

overflow:none; isn't a CSS property, so the browsers are just ignoring it and using overflow:visible; by default instead.

and yeah, it is misaligned, but not just in firefox. it's off in any browser with a resolution bigger than 1024x768.
JackRapington
QUOTE(fixtatik @ Oct 18 2008, 02:13 PM) *
overflow:auto; was showing scroll bars in IE because of the way it handles pixel sizes. it's different than firefox; your content area in IE was a little bigger than your width and height, so the scroll bars showed.

overflow:none; isn't a CSS property, so the browsers are just ignoring it and using overflow:visible; by default instead.


Yeah I should of thought of that, I'm a firkin idiot. Thanks.

QUOTE(decaydancefbr @ Oct 18 2008, 02:20 PM) *
I suggest you use left:50%; so it looks good in all the other browsers.



I used it for the block roll over but now its misaligned in IE

CODE
<div class="aboutme1" style="position: absolute; left:50%;
margin-left: 305; top:257px; width:autopx; height:autopx; overflow: none;">
<a href="URL HERE" class="bl"></a>
</div>


That's what I used.
JackRapington
everything aliened right now?
JackRapington
QUOTE(decaydancefbr @ Oct 18 2008, 04:53 PM) *
Everything is off. When yous et left to 50% you have to change the margins too.


I thought I did

CODE
<div class="aboutme1" style="position: absolute; left:50%;
margin-left: 305; _margin-top: 0px; _margin-left: 308px; top:257px; width:autopx; height:autopx; overflow: none;">
<a href="URL HERE" class="bl"></a>
</div>


Sorry, I am amazingly dense.
fixtatik
click to enlarge

i haven't looked through your codes yet, but are you positioning your comments as well, or are you letting them go where they may? the comments are the problem. if they're in a div, just position that like you did the content area, or if they're not, use .friendsComments { }
Mickey
Replace your About Me codes with this:

CODE
<style>
.bl {display:block;width:76px;height:76px; background-color:transparent; background-image:url("http://i36.tinypic.com/11maixs.png"); background-repeat:no-repeat; background-position:top left; }
.bl:hover {display:block;width:76px;height:76px; background-color:transparent; background-image:url("http://i35.tinypic.com/hsj8cw.png"); background-repeat:no-repeat; background-position:bottom left;}
</style>
<style>
.go {display:block;width:322px;height:38px; background-color:transparent; background-image:url("http://i36.tinypic.com/52z78i.jpg"); background-repeat:no-repeat; background-position:top left; }
.go:hover {display:block;width:322px;height:38px; background-color:transparent; background-image:url("http://i33.tinypic.com/2ro6h6t.jpg"); background-repeat:no-repeat; background-position:bottom left;}
</style>
<style>
.add {display:block;width:209px;height:137px; background-color:transparent; background-image:url("http://i33.tinypic.com/148q91w.png"); background-repeat:no-repeat; background-position:top left; }
.add:hover {display:block;width:209px;height:137px; background-color:transparent; background-image:url("http://i38.tinypic.com/2iayc0k.png"); background-repeat:no-repeat; background-position:bottom left;}
</style>

<style>
.comt td, .comt table{width:0px!important; height:0px!important; background-color:transparent!important; border:0px!important; _padding:2px!important;} .comt .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{visibility:visible;} .comt td td td b{top:0px; display:inline;} .comt .redtext15{display:none;} .comt td b, .blacktext10 {display:block;} .comt table, .comt td b, .comt .btext, .redlink{position:relative; top:-9px;} .comt {z-index:7;}
JB{The Main: comment div;}
.comt {width:450px; height:autopx; overflow: none;
background-color:transparent; border:0px solid; border-color:black; position:absolute; top:360px; left:50%; margin-left:60px; }
JB {Timestamp: width;}
.blacktext10 {width: 320px;}
JB{all text in comments}
.comt td td td, .comt td td td b {color:fff!important;
font-family:arial;
font-size:7pt;
font-weight: normal;
text-transform:none;
letter-spacing: 0px;}
JB{adds comment spacer line}
.blacktext10{border-bottom:1px solid; border-color:white;}
JB{Add Comment link (all links)}
.comt td a {color:00b1b0!important;
font-family:arial!important;
font-size:7pt!important;
font-weight: normal;
text-transform:none;
letter-spacing: 0px;}
.comt td a:hover {color:00d5d2!important;
font-family:arial!important;
font-size:7pt!important;
font-weight: normal;
text-transform:none;
letter-spacing: 0px;}
JB{hides: comment timestamp}
.blacktext10{color:ee2b74!important;
font-family:arial;
font-size:7pt;
font-weight: normal;
text-transform:none;
letter-spacing: 0px;}
JB{hides: friend name links}
.comt td td td a{color:00b1b0!important;
font-family:arial!important;
font-size:7pt!important;
font-weight: normal;
text-transform:none;
letter-spacing: 0px;}
JB{hides: the Add Comment link}
.comt td a{color:00b1b0!important;
font-family:arial!important;
font-size:7pt!important;
font-weight: normal;
text-transform:none;
letter-spacing: 0px;}
JB{hides: Displaying XX of XX comments(View/Edit All Comments)}
.comt td b{color:fcff00!important;
font-family:arial!important;
font-size:7pt!important;
font-weight: normal;
text-transform:none;
letter-spacing: 0px;}
JB{resizes: online now image}
.comt td td td .ImgOnlineNow {width:80px!important;}
</style>

<style>
blockquote{background-color: 404040;
padding: 10px;
width: 380px;
margin-left: 7px;
line-height: 13px;
_margin-left: 17px;
}

a {color:ee2b74 !important;
font-family:arial!important;
font-size:9pt!important;
letter-spacing: 0px!important;
font-weight: normal!important;
}

a:hover {color:ee73a1 !important;
font-family:arial!important;
font-size:9pt!important;
letter-spacing: 0px;
text-decoration:none!important;}

img {border:0px;}

h4 {color:353232!important;
font-family:georgia;
font-size:19pt;
letter-spacing:0px;
text-transform:none;
line-height:0px;
text-align:left;
border-bottom: 0px dotted;
border-color:763b3b;
font-weight:normal;
margin-bottom:10px;}

h4:first-letter {font-size:24pt;}

h5 {color:fff!important;
font-family:arial;
font-size:10pt;
letter-spacing:5px;
text-transform:none;
line-height:4px;
text-align:left;
border-bottom: 0px dotted;
border-color:763b3b;
font-weight:normal;
margin-bottom:10px;}

h1 {color:ee2b74!important;
font-family:georgia;
font-size:13pt;
letter-spacing:0px;
text-transform:none;
line-height:15px;
text-align:left;
border-bottom: 0px dotted;
border-color:763b3b;
font-weight:normal;
margin-bottom:10px;}

h1:first-letter {font-size:18pt;}

h2 {color:ffee00!important;
font-family:georgia;
font-size:13pt;
letter-spacing:5px;
text-transform:none;
line-height:15px;
text-align:center;
border-bottom: 0px dotted;
border-color:763b3b;
font-weight:normal;
margin-bottom:10px;}

h2:first-letter {font-size:18pt;}

h3 {color:00b1b0!important;
font-family:georgia;
font-size:13pt;
letter-spacing:9px;
text-transform:none;
line-height:15px;
text-align:right;
border-bottom: 0px dotted;
border-color:763b3b;
font-weight:normal;
margin-bottom:10px;}

h3:first-letter {font-size:18pt;}

U {
border-bottom: 1px solid;
border-bottom-color: ffee00; }

I {
font-family: arial;
letter-spacing: 1px;
font-size:13px;}

S {
font-style: strike; }

B {
font-family:arial;
font-size:12px;
color:00b1b0;
letter-spacing: -1px;
font-weight:none;
border:0px;
text-transform: none; }

.aboutme1{
color:fff!important;
font-family:arial;
font-size:8pt;
font-weight: normal;
text-transform:none;
letter-spacing: 0px;
text-align:justify;}

</style>




</style>
<style>body{cursor:Crosshair}</style>
<style>a:hover{cursor:Help}</style>
<style>
.profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileNetworking, .userProfileSchool, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .blurbs td.text, .orangetext15, table div { display:none!important;
}div table div, table table div {
display:block!important; padding:0;
}table, tr, td {
background:none; border:none;
}.clearfix, .clearfix div {
background-image:none!important;
overflow:hidden;
}.clearfix {
position:relative;
top:-30px;
width:728px;
}.clearfix .clearfix {
bottom:-30px;
margin:-45px 0 0;
position:relative;
top:auto;
width:auto;
}.clearfix .clearfix div {
margin:45px 0 0;
}.clearfix .clearfix div div {
margin:auto;
}.profile, .profile div, .profile input, .clearfix select,.clearfix option, .clearfix ul {
display:none!important;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}.friendSpace {display:none;}.contactTable {display: none;}.extendedNetwork {display:none;}.latestBlogEntry {display:none;}.userProfileURL {display:none;}.userProfileDetail {display:none;}
</style>

<style>
div {filter:chroma(color= purple);
scrollbar-arrow-color: black;
scrollbar-face-color: purple;
scrollbar-3dlight-color: purple;
scrollbar-darkshadow-color: purple;
scrollbar-highlight-color: purple;
scrollbar-shadow-color: purple;
scrollbar-track-color: purple;
base-color: purple;

}
</style>

<style>
body{overflow-x:hidden}
body{background-color:2b2b2b;background-image:url(http://i33.tinypic.com/x2je2v.png); background-position:center; scrollbar-arrow-color: white; scrollbar-face-color: white; scrollbar-3dlight-color: white; scrollbar-darkshadow-color: white; scrollbar-shadow-color: white; scrollbar-highlight-color: white; scrollbar-track-color: white;}
</style>
<div class="cocaine" style="position: absolute; left:50%; margin-left:-513; _margin-left:-511px; top:90px; width:autopx; height:autopx; overflow: hidden;">
<img src="http://i37.tinypic.com/elbtrm.png" />
</div>
<style>
object {position:absolute; height:45px; width:45px;}
object {top:0px; left:49%; margin-left:-400px;}
object {_top:0%; _margin-top:-382px; _margin-left:-169px;}
td td td object {position:static; margin:auto;}
</style>

Replace your Who I'd Like To Meet codes with this:

CODE
<div class="aboutme1" style="position: absolute; left:50%;
margin-left: 296; _margin-top: 0px; _margin-left: 298px; top:257px; width:autopx; height:autopx; overflow: none;">
<a href="URL HERE" class="bl"></a>
</div>

<div class="aboutme1" style="position: absolute; left:50%;
margin-left: -503; _margin-top: 0px; _margin-left: -501px; top:127px; width:autopx; height:autopx; overflow: none;">
<a href="URL HERE" class="add"></a>
</div>

<div class="aboutme1" style="position: absolute; left:50%;
margin-left: -450; _margin-top: -15px; _margin-left: -460px; top:300px; width:autopx; height:autopx; overflow: none;">
<a href="URL HERE" class="go"></a>
</div>



<div class="aboutme1" style="position: absolute; left:50%;
margin-left:-120; top:120px; width:410px; height:autopx; overflow: none;"><br /><br />

<h4>Maybe Put a Header Here?</h4>
<h5>and a quote here of sorts?</h5>


</div>


<div class="aboutme1" style="position: absolute; left:50%;
margin-left:-399; top:340px; width:410px; height:autopx; overflow: none;"><br />

<h1>Header 1</h1>

<u>Underlined</u> <b>Bold</b> <s>Strike</s> <i>Italicize</i> <a href="url" target="_blank">Link</a>
<br />


Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi. Duis et urna eget diam vestibulum suscipit. Pellentesque nec justo. Aliquam mollis tortor vel dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Nunc tristique velit ut metus. Nunc tristique velit ut metus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula.

<h2> Header 2</h2>

<blockquote> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi. Duis et urna eget diam vestibulum suscipit. Pellentesque nec justo. Aliquam mollis tortor vel dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Nunc tristique velit ut metus. Nunc tristique velit ut metus. </blockquote>



<br />

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Proin augue sapien, cursus sed, tincidunt eu, rhoncus eu, mi. Duis et urna eget diam vestibulum suscipit. Pellentesque nec justo. Aliquam mollis tortor vel dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis fermentum justo sed arcu dapibus ultrices. Proin semper, quam a semper egestas, tellus ligula sagittis ipsum, nec condimentum enim neque quis lectus. Fusce consectetuer, lacus vitae laoreet viverra, sem eros mattis sem, a feugiat sem ante in tortor. Nunc tristique velit ut metus. Nunc tristique velit ut metus. Nunc tristique velit ut metus.


<h3>Header 3</h3>

<blockquote> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. </blockquote>

</div>


</td></tr></table></td></tr></table>
<div class="comt"><table class="off"><tr><td><table><tr><td>

The content and comments sections were positioned properly. The images were the issue. I fixed them up, though, so those revised codes should do you good. thumbsup.gif
JackRapington
Thank you so much, I see what I was doing wrong now. >.< this layout has been a pain for far too long it better be accepted.

Thanks everyone else, too.
Mickey
No problem. It looks good so I'm sure it'll be accepted. Topic closed & moved.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.