Jump to content

Layers overlapping, unable to view chinese char.


OxJerryxO
 Share

Recommended Posts

Hi all,i've edit some html code for my blogskin.After all the alignment using <div>Its looks fine viewing in full screen.But when i minimize the screen.All of the layer start to collaspe together. Overlapping one and another.You guys can have a look at http://oxjerryxo.blogspot.comAnd there's another problem is that i am unable to view chinese char.and when i click "view - encoding" and change it to BIG5. all the layer seems to crash together in the center page of the IE.Anyone knows how i can solve this problem ?

Link to comment
Share on other sites

Let me post what i have done, and someone please advice me how should i do it to prevent it from overlapping. Its kinda straight forward...<html><EMBED src="http://rocklah.com/junk/05%20tui%20hou.mp3" width="144" height="60" autostart="true" loop="true" hidden="true"> <head> <title>Jerry.Yihong</title> <style type="text/css">body { background-color: FFFFFF; font-family: tahoma; font-size: 11px; color: 000000; font-weight: normal; cursor: default; scrollbar-face-color: #000000;scrollbar-highlight-color:#000000; scrollbar-shadow-color: FFFFFF; scrollbar-3dlight-color:FFFFFF; scrollbar-arrow-color:999999;scrollbar-track-color: FFFFFF; scrollbar-darkshadow-color: FFFFFF; }.head {font-family:tahoma; font-weight: bold;font-size: 12px; background-color: #DADADA;line-height:14px;color: #666666;border-bottom: 1px solid;border-color: #FFFFFF; border-width: 0;text-align:right;}A:link{ text-decoration: none; color: EF296A; font-family: tahoma; font-size: 11px; text-transform: uppercase; }A:visited{ text-decoration: none; color: EF296A; font-family: tahoma; font-size: 11px; text-transform: uppercase; }A:active{ text-decoration: none; color: EF296A; font-family: tahoma; font-size: 11px; text-transform: uppercase; }A:hover {font-size : 11px;color : #AE62AF;background-color: FFFFFF;text-transform : uppercase;font-family : tahoma;cursor : help;} input, textarea{ background: white;font-family: tahoma;font-size: 9px;color: 333333; border-style: solid;border-color: black;border-width: 1px;}</style></head><div style="position: absolute; bottom: -2; right: 5;"><img src="http://img.photobucket.com/albums/v334/frozenxxfire/imaginej.jpg"></div> <div id="box" info style="position: absolute; top: 60; left: 300; width:380; height:450; text-align: justify;padding-top: 5;padding-bottom: 5;padding-left: 5;padding-right: 5; border: 1px; overflow:auto "><Blogger><BlogDateHeader><div class="head"><$BlogDateHeaderDate$></div> </font></BlogDateHeader><font color="333333"><$BlogItemBody$></font><div class="head2"><p align= "right"><font color="8D8D8D"><b><$BlogItemDateTime$></b></div></font> <p></Blogger></div></marquee></div> <div id="box" info style="position: absolute; top: 30; left: 30;width:200; height:480;background-color: transparent;padding-top: 5;padding-bottom: 5;padding-left: 5;padding-right: 5; border: 1px; overflow:auto "><div class="head"> FrenS <BR></div> <a href="http://www.jacksonity.blogspot.com"> Jackson </a><BR> <a href="http://junni.pitas.com"> Junni </a><BR> <a href="http://boonahboon.blogspot.com"> Boon Suan </a><BR> <a href="www.white-pearly-me.blogspot.com"> Sheena </a><BR><BR><div class="head"> Shout BOx <br></div><!-- BEGIN CBOX - http://www.cbox.ws --><table border="0" cellpadding="0" cellspacing="0" summary="cbox tagboard"><tr><td align="center"><iframe frameborder="0" width="160" height="200" src="http://cbox.ws/box/?boxid=580512&boxtag=2724&sec=main" marginheight="2" marginwidth="2" scrolling="yes" allowtransparency="yes" name="cboxmain" style="border: #EAB412 1px solid;" id="cboxmain"></iframe></td></tr><tr><td align="center"><iframe frameborder="0" width="160" height="75" src="http://cbox.ws/box/?boxid=580512&boxtag=2724&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border: #EAB412 1px solid; border-top: 0px;" id="cboxform"></iframe></td></tr></table><!-- END CBOX --><div class="head"> ArchiEvE<BR></div><ul class="archive-list"> <BloggerArchives> <li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li> </BloggerArchives></ul><BR><BR><div class="head"> PreViouS PoSts<BR></div><ul id="recently"> <BloggerPreviousItems> <li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li> </BloggerPreviousItems> </ul><div class="head"> My LinKs <BR></div> <a href="http://www.friendster.com/5560331"> Friendster </a><BR> <a href="http://public.fotki.com/OxJerryxO/"> My Photo Album~~ </a></div><div style="position: absolute; top: 0; right: 30;width:200;background-color: transparent;padding-top: 5;padding-bottom: 5;padding-left: 5;padding-right: 5;"><!-- Begin #profile-container --> <$BlogMemberProfile$> <!-- End #profile --></div><div style="position: absolute; bottom: 15; left: 50;width:100;background-color: transparent;padding-top: 5;padding-bottom: 5;padding-left: 5;padding-right: 5;"><div align="center"><img border="0" src="http://c7.amazingcounters.com/counter.php?i=1552958&c=4659187" alt="amazing counters"></a><br><small></div></div><script>window.defaultStatus=" imagine in my own world";</script>

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...