Could Someone Check this out before i submit ... Options

[diputs]

sooo .. as always i have this stupid IE Problem ..

http://www.myspace.com/charlesplanet (this is the layout .. it looks perfectly fine to me on FF .. but IE looks SUCKY to me, but seems to look perfectly fine to everybody else i know tho) ..

[diputs]

yes. its wayyyy off for me .. but when i code it for my screen resolution then its off for everybody else .. do you see it aligned?

[allvanishing]

It looks fine to me except the contact links. Resize the window and they go out of place. But it can be fixed easily.

[dilligrout]

Everything looks great to me in Opera =)
And the hovers actually work.. they usually don't work for me.

I love the layout, btw.

[diputs]

thanks for the help!

well i kept trying til mad late last night .. the navigation just wont align in IE .. now i made all these extra codings for IE .. (*html) and its still misaligned for me .. (my screenresololution is: 1280 x 800 .. ) .. maybe one of ya'll could check thru the codes and see whats wrong .. coz no matter how i code it .. its not working for IE ..

About me:

CODE

<style>
body table {margin-top:-5000px;}
body td table, body div table {margin-top: 0;}
table, tr, td {background-color:transparent;}
body div table form{display:none;}
.navbar, div table td font {visibility:hidden !important;}

body {background-color:808080;
background-image: url();
background-attachment:fixed;
background-repeat:repeat;
scrollbar-arrow-color:808080;
scrollbar-face-color:ffffff;
scrollbar-highlight-color:ffffff;
scrollbar-3dlight-color:808080;
scrollbar-shadow-color:ffffff;
scrollbar-darkshadow-color:808080;
scrollbar-track-color:ffffff;
}
{text}
table, tr, td, li, p, div { color:808080; font-family:tahoma; font-size:11px; }

.redtext { color:796f79; font-size:12px; }

a:active, a:visited, a:link{ color:808080; font-family:tahoma; font-size:11px; text-transform: uppercase; }

a:hover { color:808080; font-size:10px; }

b {color:808080; font-family:tahoma; font-weight:bold; font-size:11px;}

u{font-family:Candara;font-size:11px;color:808080;
font-weight:bold;text-decoration:underline;
letter-spacing:0px;
text-transform:uppercase;
border-bottom:0px dashed;
border-bottom-color:808080;
letter-spacing:0px;}

.blacktext10 {
font-family: tahoma;
font-size: 11px;
font-weight: bold;
color: 808080;
text-transform: uppercase;
letter-spacing: 0pt;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-color: 000000;
border-bottom-style: solid;
width: 250px;
line-height: 12px;
font-weight: bold !important;
display: block;
text-align: right;
margin: -10px;
}

{divs}

.layout { background-color:transparent;
background-image: url(http://i36.photobucket.com/albums/e8/La_Tuya/KanyeWestLoveLockdownOverlay.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position:top center;
position: absolute;
left: 50%;
margin-left: -490px;
top: 170px;
height: 602px;
width: 1000px;
overflow: auto;
z-index: 1;
}

.aboutme { background-color:none;
position: absolute;
left: 50%;
margin-left: -450px;
top: 339px;
height: 249px;
width: 345px;
background-color:transparent;
border-color:black;
border-style:solid;
border-width:0px;
overflow-y:auto;
overflow-x:hidden;
padding-left:0px;
padding-right:5px;
_padding-right:2px;
z-index: 2;
}


* html .aboutme { background-color:none;
position: absolute;
left: 50%;
margin-left: -449px;
width: 344px;
border-color:none;
border-style:none;
overflow-y:auto;
overflow-x:hidden;
padding-left:0px;
padding-right:5px;
z-index: 2;
}


.image { background-color:none;
position: absolute;
left: 50%;
margin-left: -128px;
top: 340px;
height: 270px;
width: 200px;
overflow-y:hidden;
overflow-x:hidden;
padding-left:0px;
padding-right:17px;
z-index: 2;
}

* html .image { background-color:none;
position: absolute;
left: 50%;
margin-left: -118px;
width: 200px;
border-color:none;
border-style:none;
overflow-y:hidden;
overflow-x:hidden;
padding-left:0px;
padding-right:15px;
z-index: 2;
}


.box { background-color:none;
position: absolute;
left: 50%;
margin-left: -88px;
top: 501px;
height: 270px;
width: 200px;
overflow-y:hidden;
overflow-x:hidden;
padding-left:0px;
padding-right:17px;
z-index: 2;
}


* html .box{ background-color:none;
position: absolute;
left: 50%;
margin-left: -88px;
width: 200px;
overflow-y:hidden;
overflow-x:hidden;;
padding-left:0px;
padding-right:15px;
z-index: 2;
}


.contact { background-color:none;
text-align: center;
position: absolute;
left: 50%;
margin-left: 584px;
background-color:d9c546;
top: 529px;
height: 29px;
width: 242px;
border-color:black;
border-style:solid;
border-width: 1px;
overflow-y:auto;
z-index: 2;
}




.add{
height:44px;
width:88px;
background-COLOR:transparent;
background: url(http://i36.photobucket.com/albums/e8/La_Tuya/KanyeAddButton.png);
background-position:bottom left;
background-repeat: no-repeat;
display: block;}

.add:hover{background-position:top left;}

.addcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x-hidden;
position:absolute;
left:66px;
top:341px;
margin-left:50%;
margin-top:0%;
visibility:visible;
z-index:6;}


* html .add{
height:44px;
width:88px;
background-COLOR:transparent;
background: url(http://i36.photobucket.com/albums/e8/La_Tuya/KanyeAddButton.png);
background-position:bottom left;
background-repeat: no-repeat;
display: block;}

* html .add:hover{background-position:top left;}

* html .addcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x-hidden;
position:absolute;
left:346px;
top:341px;
margin-left:50%;
margin-top:0%;
visibility:visible;
z-index:6;}


.block{
height:44px;
width:100px;
background-COLOR:transparent;
background: url(http://i36.photobucket.com/albums/e8/La_Tuya/KanyeBlockButton.png);
background-position:bottom left;
background-repeat: no-repeat;
display: block;}

.block:hover{background-position:top left;}

.blockcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute;
left:55px;
top:390px;
margin-left:50%;
margin-top:0%;
visibility:visible;
z-index:6;}

* html .block{
height:44px;
width:100px;
background-COLOR:transparent;
background: url(http://i36.photobucket.com/albums/e8/La_Tuya/KanyeBlockButton.png);
background-position:bottom left;
background-repeat: no-repeat;
display: block;}

* html .block:hover{background-position:top left;}

* html .blockcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute;
left:338px;
top:390px;
margin-left:50%;
margin-top:0%;
visibility:visible;
z-index:6;}

.blog{
height:44px;
width:100px;
background-COLOR:transparent;
background: url(http://i36.photobucket.com/albums/e8/La_Tuya/KanyeBlogButton.png);
background-position:bottom left;
background-repeat: no-repeat;
display: block;}

.blog:hover{background-position:top left;}

.blogcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute;
left:55px;
top:437px;
margin-left:50%;
margin-top:0%;
visibility:visible;
z-index:6;}



* html .blog{
height:44px;
width:100px;
background-COLOR:transparent;
background: url(http://i36.photobucket.com/albums/e8/La_Tuya/KanyeBlogButton.png);
background-position:bottom left;
background-repeat: no-repeat;
display: block;}


* html .blog:hover{background-position:top left;}



* html .blogcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute;
left:336px;
top:437px;
margin-left:50%;
margin-top:0%;
visibility:visible;
z-index:6;}


.pix{
height:44px;
width:100px;
background-COLOR:transparent;
background: url(http://i36.photobucket.com/albums/e8/La_Tuya/KanyePixButton.png);
background-position:bottom left;
background-repeat: no-repeat;
display: block;}

.pix:hover{background-position:top left;}

.pixcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute;
left:56px;
top:534px;
margin-left:50%;
margin-top:0%;
visibility:visible;
z-index:6;}


* html .pix{
height:44px;
width:100px;
background-COLOR:transparent;
background: url(http://i36.photobucket.com/albums/e8/La_Tuya/KanyePixButton.png);
background-position:bottom left;
background-repeat: no-repeat;
display: block;}

* html .pix:hover{background-position:top left;}

* html .pixcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute;
left:336px;
top:534px;
margin-left:50%;
margin-top:0%;
visibility:visible;
z-index:6;}


.msg{
height:44px;
width:100px;
background-COLOR:transparent;
background: url(http://i36.photobucket.com/albums/e8/La_Tuya/KanyeMSGButton.png);
background-position:bottom left;
background-repeat: no-repeat;
display: block;}

.msg:hover{background-position:top left;}

.msgcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute;
left:55px;
top:485px;
margin-left:50%;
margin-top:0%;
visibility:visible;
z-index:6;}


* html .msg{
height:44px;
width:100px;
background-COLOR:transparent;
background: url(http://i36.photobucket.com/albums/e8/La_Tuya/KanyeMSGButton.png);
background-position:bottom left;
background-repeat: no-repeat;
display: block;}

* html .msg:hover{background-position:top left;}

* html .msgcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute;
left:336px;
top:485px;
margin-left:50%;
margin-top:0%;
visibility:visible;
z-index:6;}

.credit{
height:16px;
width:88px;
background-COLOR:transparent;
background: url(http://i36.photobucket.com/albums/e8/La_Tuya/LYTCred-1.png);
background-position:bottom left;
background-repeat: no-repeat;
display: block;}

.credit:hover{background-position:top left;}

.creditcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute;
left:-150;
top:665px;
margin-left:50%;
margin-top:0%;
visibility:visible;
z-index:6;}


* html .credit{
height:16px;
width:88px;
background-COLOR:transparent;
background: url(http://i36.photobucket.com/albums/e8/La_Tuya/LYTCred-1.png);
background-position:bottom left;
background-repeat: no-repeat;
display: block;}

* html .credit:hover{background-position:top left;}

* html .creditcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute;
left:135px;
top:665px;
margin-left:50%;
margin-top:0%;
visibility:visible;
z-index:6;}

.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 td td td table, .comt .orangetext15, .redlink, .comt .btext, .rid, .frnd{display:none;} .comt td b, .blacktext10 {display:block;} .comt {z-index:7;}
.comt table, .comt b {position:relative; top:-39px; _top:-30px;}


td.text td.text table table table td a img {width:70px;} td.text td.text table table table td div img {width:50px;} td.text td.text table table td img {width:250px; max-width:250px; width:auto;}
td.text td.text table table td div img {width:70px;}
* html td.text td.text table table td img {width:80px;}
* html td.text td.text table table td a img {width:70px;} * html td.text td.text table table td div img {width:50px;}


</style>

Meet:

CODE

<div class="aboutme">
<div class="content" align="justify">
I'm not loving you, the way I wanted to
What I had to do, had to run from you
I'm in love with you but the vibe is wrong
And that haunted me, all the way home
So you never know, never never know,
Never know enough, 'til it's over love
'Til we lose control, system overload
Screamin' "No! No! No! N-No!"
I'm not loving you, the way I wanted to
See I wanna move, but can't escape from you
So I keep it low, keep a secret code
So everybody else don't have to know

So keep your love locked down
Your love locked down
Keepin' your love locked down
Your love locked down
Now keep your love locked down
Your love locked down
Now keep your love locked down
You lose

I'm not lovin' you the way I wanted to
I can't keep my cool, so I keep it true
I got somethin to lose, so I gotta move
I can't keep myself, and still keep you too
So I keep in mind, when I'm on my own
Somewhere far from home, in the danger zone
How many times did I tell ya fo it finally got through
You lose, you lose
I'm not lovin' you, the way I wanted to
See I had to go, see I had to move
No more wastin' time, you can't wait for life
We're just wastin' time, where's the finish line

So keep your love locked down
Your love locked down
Keepin' your love locked down
Your love locked down
Now keep your love locked down
Your love locked down
Now keep your love locked down
You lose

I'm not lovin you, the way I wanted to
I bet no one knew, I got no one new
I know I said I'm through, but got love for you
But I'm not lovin' you, the way I wanted to
Gotta keep it goin', keep the lovin' goin'
Keep it on a roll, only God knows
If I be with you, baby I'm confused
You choose, you choose
I'm not lovin' you, the way I wanted to
Where I wanna go, I don't need you
I've been down this road, too many times before
I'm not lovin' you, the way I wanted to
</div>
</div>


<div class="image">
<div class="content" align="center">
<center>

<img src="http://i36.photobucket.com/albums/e8/La_Tuya/ProfilePicture.jpg" width="120" height="160" />

</div>
</div>

<div class="homecon">
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" class="home"></a>
</div>

<div class="addcon">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD1YWFhYWFg=" class="add"></a>
</div>

<div class="blockcon">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja1VzZXImdXNlcklEPVhYWFhYWA==" class="block"></a>
</div>

<div class="blogcon">
<a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9YWFhYWFg=" class="blog"></a>
</div>

<div class="pixcon">
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD1YWFhYWFg=" class="pix"></a>
</div>

<div class="friendscon">
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzJmZyaWVuZElEPVhYWFhYWA==" class="friends"></a>
</div>

<div class="msgcon">
<a href="http://www.msplinks.com/MDFodHRwOi8vbWFpbC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1tYWlsLm1lc3NhZ2UmZnJpZW5kSUQ9WFhYWFhY" class="msg"></a>
</div>

<div class="creditcon">
<a href="http://www.myspace.com/bandidafamosa" class="credit"></a>
</div>

<div class="box">
<div class="content" align="center">
<center>

<div style="text-align: left; width: 100%; height: 100%;"><form action="/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXX" method="post"><input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /><input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /><input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="" /><textarea name="ctl00$cpMain$UserWriteCommentsControl$commentTextBox" style="width: 120px; height: 65px; color: ffffff; font-size: 10px; font-family: Verdana; text-align: left; background-color: 5fb1dd; background-image: url(''); border-color: 808080; border-width: 2px; border-style: solid;">Show love or keep ur love locked down ... </textarea>
<br />
<input type="submit" name="ctl00$cpMain$UserWriteCommentsControl$postcommentImageButton" value="O.K." style="color: 808080; font-size: 10px; background-color: transparent; border-color: 808080; border-width: 2px; border-style: solid;" />
</form>

</center>
</div>
</div>
</div>



<div class="layout">
</div>

<div class="comt">
</div>

<style>
.a {hide friends and comments}
.a {without hiding the add comment link}
td.text td.text table,
td.text td.text td
{padding:0px; height:0px; font-size:0px;}
.redlink, td.text td.text .btext,
td.text td.text br,
td.text td.text td b,
td.text td.text td td,
td.text td.text td .orangetext15 {display:none;}
td.text td.text table {border:0px !important;}
</style>

<div class="comt"><table class="rid"><tr><td><table>

[RyanChronicles]

I'm looking at it right now the only thing's unaligned are the rollovers.

What you should do is use a table put the rollovers in them instead of using rollovers with a positioning tool because those will never always show the same place in FF and IE.

Other then that The layout's pretty tight.

Here's a code I use for table properties

CODE

<style>.(name) {width:0px; height:0px; position:absolute; border-color:none; border-style:none; border-width:0px; top:0px; left:50%; margin-left:0px; text-align:center;}</style>


<div class="(name)">
<table id="Table_01" width="0" height="0" border="0" cellpadding="0" cellspacing="0">
<tr><td>

</td></tr></table>
</div>

To make it work just change the name to the name you want the table to be and then change where you want it to appear on your layout it should work FF and IE.

Then put your rollovers inside the table.

Cheers,

[diputs]

Thanks ryan ... i will definitely try this wen i get home .. i just never had this problem before .. it worked for all my other layouts ... i loathe IE .. thanks again

[allvanishing]

You don't have to use tables. Let me fix it for you. Be back in a bit.
Looks like you fixed it yourself. :)

[diputs]

hehe i hope i did .. how would u have fixed it, allvanishing?
i actually did use tables now .. coz however i turned it .. the navi looked caca on IE ..

[allvanishing]

As your coding before you changed it, I would of moved it 50% to the left and move it with margins. It would still give the same result.

[Tomates]

at first it was misaligned for me, but then i refreshed the page and it became aligned

[diputs]

oh yeah i tried that .. but wen i finished coding the for FF .. i checked IE .. and everything was wayyyy over to the left .. so then i tried to change it with the extra boxes for IE .. also 50% .. and then the coding was misaligned in other screen resolutions .. :( ugh .. maybe i was just being stupid ..

[allvanishing]

It should of worked. Like if you wanted to center a DIV to the center of the page. It's width is 600px. You move it to the left 50%, and then move it to the left with margins 300px.

[diputs]

No .. go right ahead, anarchy! :)

[Mikeplyts]

at first it was misaligned for me, but then i refreshed the page and it became aligned

Same thing for me.

By the way, nice layout. It's a bit plain, but nice. :)

[Mickey]

Alright. Topic closed & moved.