Hey guys, I was wondering if anyone could help me with my blogger layout. It looks fine in Firefox, but really messed up in Chrome (friend told me so, idk myself) and IE. Can someone fix this? Thank you so much! ;D My blog link is
http://darlingdesda.blogspot .com
Here's the coding:
HTML Code:
<html>
<head>
<script type='text/javascript' language='Javascript'>
function s_toggleDisplay(his, me, show, hide) {
if (his.style.display != 'none') {
his.style.display = 'none';
me.innerHTML = show;
} else {
his.style.display = 'block';
me.innerHTML = hide;}}
</script>
<object width="25" height="25"><param name="movie" value="http://www.youtube.com/v/eivjMgWu3JA&hl=en_US&fs=1&color1=0xcc2550&color2=0xe87a9f"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/eivjMgWu3JA&hl=en_US&fs=1&autoplay=1&color1=0xcc2550&color2=0xe87a9f" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="25" height="25"></embed></object>
<LINK href="http://i19.photobucket.com/albums/b163/asian-fanatic/blogiconcherries.gif" type="image/x-icon" rel="shortcut icon">
<script type="text/javascript">
function changeNavigation(id)
{document.getElementById('content').innerHTML=document.getElementById(id).innerHTML}
</script>
<script type="text/javascript">
//Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)
function tb8_makeArray(n){
this.length = n;
return this.length;
}
tb8_messages = new tb8_makeArray(3);
tb8_messages[0] = "I got you to look after me";
tb8_messages[1] = "and you got me to look after you.";
tb8_messages[2] = "S i n c e r e l y , D e s d a";
tb8_rptType = 'infinite';
tb8_rptNbr = 5;
tb8_speed = 85;
tb8_delay = 2000;
var tb8_counter=1;
var tb8_currMsg=0;
var tb8_tekst ="";
var tb8_i=0;
var tb8_TID = null;
function tb8_pisi(){
tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
document.title = tb8_tekst;
tb8_sp=tb8_speed;
tb8_i++;
if (tb8_i==tb8_messages[tb8_currMsg].length){
tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
}
if (tb8_currMsg == tb8_messages.length){
if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
clearTimeout(tb8_TID);
return;
}
tb8_counter++;
tb8_currMsg = 0;
}
tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
}
tb8_pisi()
</script>
<script language=JavaScript>
<!--//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")// --> </script>
<style type="text/css">
body {
font-family: segoe ui;
font-size: 8.5pt;
color: #666666;
background: #FBEFEF;
background-image:url();
background-attachment:fixed;
background-position:bottom right;
background-repeat:repeat;
}
a:link, a:active, a:visited {
font-family: tahoma;
font-size: 8pt;
color: #FBB36B;
text-decoration: none;
font-weight: none;
}
a:hover {
border-left: 2px solid #927B51;
border-bottom: 1px dashed #A89166;
font-family: tahoma;
font-size:8pt;
color: #FF7900;text-shadow;
text-decoration: none;
}
table {
font-family: segoe ui;
font-size: 9pt;
color: #777777;
background: #ffffff;
}
.h1{
text-align: left;
color: #81BEF7;
font-size: 18pt;
background: #;
border-left:10px solid #;
font-family: Arial Unicode MS;
letter-spacing: -1px;
text-transform: none;
padding-left: 6px;
}
.h2{
font-size: 8pt;
border-left: 20px solid #F5A9A9;
border-bottom: 2px dotted #F5D0A9;
text-align: left;
color: #E3C1C7;
font-family: segoe UI;
letter-spacing: 1px;
}
.h3{
text-align: left;
color: #888888;
font-size: 30pt;
background: #;
font-family: arial;
letter-spacing: -1px;
text-transform: none;
padding-left: 5px;
}
.h4{
text-align: left;
color: #DE9EBC;
font-size: 10pt;
letter-spacing: 1px;
font-family: courier new;
border-top: 1px dotted #dddddd;
border-bottom: 1px dotted #dddddd;
text-transform: none;
padding-left: 5px;
}
.navi {
background-color: #ffffff;
font-family: arial;
font-size: 9pt;
line-height: 30pt;
color: #FFFFFF;
width: 100px;
letter-spacing: 3px;
text-align: center;
padding-left: 7px;
padding-right: 7px;
padding-top: 5px;
padding-bottom: 5px;
text-transform: none;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
}
b {color:#B96A9A;}
u {color: #B59D01; border-bottom: 1px dotted #E1ACF5; text-decoration: none;}
i{color:#95B9CC;}
strong {color:#9CC089;}
s { color: #C1E466; cursor: help; }
blockquote {
font-family: segoe ui;
border: 3px solid #DADADA;
border-bottom: 8px solid #BCDD5A;
border-top: 8px #80C31C solid;
text-align: center;
-moz-border-radius: 20px 20px 20px 20px;
background:none;
padding: 10px; color: #A89166;}
}
blockquote:hover {
font-family: segoe ui;
font-size: 8pt;
border: 3px solid #DADADA;
text-align: center;
-moz-border-radius: 20px 20px 20px 20px;
background:none;
padding: 6px;
color: #666666;
}
</style></head>
<noembed><body></noembed>
</div></div></div></div>
<center><div style="position:absolute; top:0;"><img src="http://i19.photobucket.com/albums/b163/asian-fanatic/blogbg1.png"></div>
<div style="position:absolute; top:0; right:0px;"><img src="http://i19.photobucket.com/albums/b163/asian-fanatic/blogbg2.png"></div></center>
<br>
<center>
<div style=" margin-top: -7px;">
<span class="navi" style=" color: #555555;" onMouseOver="this.style.background=' #ffffff'; this.style.color='#f0f0f0'" onMouseOut="this.style.background=' #ffffff'; this.style.color='#555555'" onClick="document.getElementById('main').innerHTML=document.getElementById('profile').innerHTML">Profile</span>
<span class="navi" style=" color: #555555;" onMouseOver="this.style.background=' #ffffff'; this.style.color='#f0f0f0'" onMouseOut="this.style.background=' #ffffff'; this.style.color='#555555'" onClick="document.getElementById('main').innerHTML=document.getElementById('tag').innerHTML">Chit-chat</span>
<span class="navi" style=" color: #555555;" onMouseOver="this.style.background=' #ffffff'; this.style.color='#f0f0f0'" onMouseOut="this.style.background=' #ffffff'; this.style.color='#555555'" onClick="document.getElementById('main').innerHTML=document.getElementById('affies').innerHTML">Credits</span>
<span class="navi" style=" color: #555555;" onMouseOver="this.style.background=' #ffffff'; this.style.color='#f0f0f0'" onMouseOut="this.style.background=' #ffffff'; this.style.color='#555555'" onClick="document.getElementById('main').innerHTML=document.getElementById('miscs').innerHTML">Archives</span>
</div></center>
<center>
<div id="main" style="width: 500px; padding: 10px; background: #ffffff; color: #888888; text-align: justify;">
<div class="h1">Profile</div>
<div class="h4">You're cute, I'm cute too.</div><br>
<img align="left" src="http://i19.photobucket.com/albums/b163/asian-fanatic/aviegirlstudyin.png">
<font size="5" family="arial" color="#B4D6CF" style="letter-spacing: -1px;">Desdamona</font><br>
Everything is colourless and bland<br>
But it changes when I hold your hand<br>
And when you smile at me<br>
I know that we are meant to be...<br>
<p>
</div>
<div id="profile" style="display:none; padding: 10px; width: 500px; background: #888888; color: #888888; text-align: justify;">
<div class="h1">Profile</div>
<div class="h4">You're cute, I'm cute too.</div><br>
<img align="left" src="http://i19.photobucket.com/albums/b163/asian-fanatic/aviegirlstudyin.png">
<font size="5" family="arial" color="#B4D6CF" style="letter-spacing: -1px;">Desdamona</font><br>
Everything is colourless and bland<br>
But it changes when I hold your hand<br>
And when you smile at me<br>
I know that we are meant to be...<br>
<p>
</div>
<div id="affies" style="display:none; padding: 10px; width: 500px; background: #888888; color: #888888; text-align: justify;">
<div class="h1">Credits</div>
<div class="h4">If the accident will.</div><br>
<img align="left" src="http://i19.photobucket.com/albums/b163/asian-fanatic/boygirlgreenorangeluv.png">
<font size="5" family="arial" color="B4D6CF" style="letter-spacing: -1px;">Thanks to</font><br>
Layout: <a href="http://the-pure-in-heart-memories.blogspot.com/" target="_blank">The Pure In Heart Memories Blog</a><br>
<p>
<br><br>
</div>
<div id="tag" style="display:none; padding: 10px; width: 500px; background: #888888; color: #888888; text-align: justify;">
<div class="h1">Chit-chat</div>
<div class="h4">Here we are, trapped in the amber of the moment.</div><br>
<img align="left" src="http://i19.photobucket.com/albums/b163/asian-fanatic/bluerainbowchalkheart.jpg">
<font size="5" family="arial" color="B4D6CF" style="letter-spacing: -1px;">Last words?</font><br>
Would you like to leave a <u>message</u>? Remember to <b>not</B> spam in my Cbox. C: Otherwise I'll have to <s>ban</S> you.<br>
If your comment does not appear, just refresh the page.<br>
<br><br>
</div>
<div id="miscs" style="display:none; padding: 10px; width: 500px; background: #888888; color: #888888; text-align: justify;"
<div class="h1">Archives</div>
<div class="h4">What is this quintessence of dust?</div><br>
<img align="left" src="http://i19.photobucket.com/albums/b163/asian-fanatic/cutegingerbreadman2.jpg"><BR>
<img src="http://i19.photobucket.com/albums/b163/asian-fanatic/blogiconlightbulb.gif"><b>Monthly Archive</b><br>
<BloggerArchives>
<a class="month" href='<$BlogArchiveURL$>'><$BlogArchiveName$></a>
</BloggerArchives><br>
<img src="http://i19.photobucket.com/albums/b163/asian-fanatic/blogiconlightbulb.gif"><b>Recent entries</b<br>
<BloggerPreviousItems>
<a class="day" href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a>
</BloggerPreviousItems><br>
</div>
</div>
</center>
<br>
<center>
<div style="width: 500px; background: #ffffff; color: #888888; padding: 10px; text-align: justify;">
<Blogger>
<div class="h3"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="h2"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader>| <BlogItemCommentsEnabled>
<a href="<$BlogItemCommentCreate$>"
<$BlogItemCommentFormOnClick$>>comment</a> |
<$BlogItemCommentCount$> comment(s)
</BlogItemCommentsEnabled></i>
</div><BR>
<br>
<$BlogItemBody$><br>
<center><div align="right">Sincerely, Desda.<br>
<img src="http://i19.photobucket.com/albums/b163/asian-fanatic/blogiconbunny.gif"><a href="#TOP">back to top</a>| <a href="javascript:location.reload(true)">Refresh</a></div><br></center>
</Blogger>
<br>
</div>
</center>
<br><br>
</body>
</html>
Sorry the page stretches like crazy x_X idk how to fix that
