tablewidth isnīt 100% in ie, but in firefox it works great |
  |
 May 1 2007, 08:01 AM
Post
#1
|
|
|
Newbie  Group: Member Posts: 3 Joined: May 2007 Member No: 520,868  |
Hey guys,
I wanted to make some individual layout for my myspaceprofile, but I never worked with css, so I just improvised some stuff with tables. Here is the code: CODE <style type="text/css"> .contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12, btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden} body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image: url(bg.jpg); } .style1 { color: #CAC5A3; font-family: Georgia; font-size: 16px; font-weight: bold; } .style2 { color: #000000; font-family: Georgia; font-size: 12px; } .style3 { color: #cac5a3; font-family: Arial; font-size: 16px; font-weight: bold; } a:link { color: #000000; text-decoration: underline; } a:visited { text-decoration: underline; color: #000000; } a:hover { text-decoration: none; color: #000000; } a:active { text-decoration: underline; color: #000000; } --> </style> <table border="0" cellpadding="0" cellspacing="0" style="position: absolute; left:000px; top:000px; width:100%; height:000px; overflow: auto"> <tr> <td bgcolor="#cbc5a3" style="width:100%; height:91px; overflow: auto;"></td> </tr> <tr> <td valign="top" background="http://www.rainhawk.de/klack/bg.jpg" style="width:100%; height:000px; overflow: auto;"><table border="0" cellspacing="0" cellpadding="0" style="width:100%; height:000px; overflow: auto;"> <tr> <td width="50%"><table width="100" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="390" rowspan="2" valign="top"><table width="390" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="10"> </td> <td width="32" valign="top" bgcolor="#000000"> </td> <td valign="top" bgcolor="#000000"><span class="style1"><font color="#cac5a3">rainhawk tastes like god</font></span></td> <td width="10" rowspan="11" valign="top"></td> </tr> <tr> <td> </td> <td bgcolor="#000000"> </td> <td><span class="style2">könnt dran liegen, dass er einer ist.<br> willkommen auf meinem myspaceprofil, das in erster linie zur darstellung von rainhawk als person dient, und nicht wie rainhawk.de zum beispiel von seinen arbeiten.<br> das design ist komplett überarbeitet und ausser der werbung oben ist von myspace nichts zu erkennen.<br> links zum bilderverzeichnis und die möglichkeit mich zu adden oder kommentare zu machen sind selbstverständlich weiterhin vorhanden. rainhawk freut sich mit interessanten menschen kontakt aufzunehmen. </span></td> </tr> <tr> <td height="10"></td> <td height="10"></td> <td height="10"></td> </tr> <tr> <td> </td> <td bgcolor="#000000"> </td> <td bgcolor="#000000" class="style1"><span class="style2"></span><font color="#cac5a3">rainhawk in kurzform</font><span class="style2"></span></td> </tr> <tr> <td> </td> <td bgcolor="#000000"> </td> <td><span class="style2">dazu benutzen wir einfach die standardangaben die man bei myspace machen kann:<br> </span> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="10"> </td> <td width="170"><img src="http://a164.ac-images.myspacecdn.com/images01/58/m_9861efdae9e3c09aec14865e7d4ffdf3.jpg" width="170" height="127"></td> <td width="10"> </td> <td valign="top"><span class="style2">.männlich<br> .köln - nrw - deutschland<br> .190 cm - weiss - dünn<br> .single - hetero<br> .church of satan<br> .straight edge <br> .gymnasiast</span></td> </tr> </table></td> </tr> <tr> <td height="10"></td> <td height="10"></td> <td height="10"></td> </tr> <tr> <td> </td> <td bgcolor="#000000"> </td> <td bgcolor="#000000" class="style1"><span class="style2"></span><font color="#cac5a3">rainhawk, n' bisschen ausführlicher</font><span class="style2"></span></td> </tr> <tr> <td> </td> <td bgcolor="#000000"> </td> <td><p class="style2">rainhawk ist im moment 17 jahre alt, und wird ende oktober "endlich" 18. soll aber nicht so spektakulär sein. wohnen tut er seit 2002 in köln, dabei ist er noch einmal umgezogen, und er spielt mit dem gedanken es wieder zu tun, diesmal ohne eltern. er geht auf ein gymnasium, das aber heftigst beschissen ist, und wird deshalb nach dem 10. schuljahr auf jeden fall wechseln. seine freizeit ist recht einfach und unspektakulär aufgebaut. in der woche ist er meistens nach der schule vor dem rechner, am wochenende jeden tag unterwegs. über nächtliche partyaktivitäten bis zu sportarten wie das bmxen oder dirtbiken. rainhawk geht auch liebend gerne ins kino, isst verdammt viel fastfood wenn das geld da ist und läuft auch sonst gerne mit freunden durch köln. seit vielen jahren beschäftigt er sich auch mit der mediengestaltung und "neuerdings" auch mit strassenkunst. das wäre auch ein von ihm angestrebter berufsbereich.<br> aussehen tut er ein bisschen nach allem, kaufen tut er was ihm grad gefällt, grundsätzlich aber nur markensachen. ihr könnt euch ja die bilder anschauen.<br> würd ja fast gut klingen, gäbs da nich all die kleinen dingen die ihm das leben versauen. die schule zum beispiel. insgesamt wirkt er aber recht selbstzufrieden.<br> von den charaktereigenschaften könnte man ihn wohl als selbstbewusst, provozierend, stark sarkastisch veranlagt aber wenns sein muss auch sofort hilfsbereit bezeichnen. </p></td> </tr> <tr> <td height="10"></td> <td height="10"></td> <td height="10"></td> </tr> <tr> <td> </td> <td bgcolor="#000000"> </td> <td bgcolor="#000000"><span class="style1"><font color="#cac5a3">rainhawk listens to</font></span></td> </tr> <tr> <td> </td> <td bgcolor="#000000"> </td> <td></td> </tr> </table></td> <td height="751" colspan="2" valign="top" width="100%"><table width="241" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://www.rainhawk.de/klack/top1.jpg" width="241" height="286" /><br> <img src="http://www.rainhawk.de/klack/top2.jpg" width="241" height="193" /><br> <table width="241" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top" bgcolor="#000000"><img src="http://www.rainhawk.de/klack/topcont.jpg" width="32" height="80"></td> <td><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=132669047" ..="MM_swapImgRestore()" ..="MM_swapImage('999','','http://www.rainhawk.de/klack/myspace/addro.jpg',1)"><img name="add" border="0" src="http://www.rainhawk.de/klack/myspace/add.jpg"></a><br> <a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=132669047" ..="MM_swapImgRestore()" ..="MM_swapImage('999','','http://www.rainhawk.de/klack/myspace/cmntro.jpg',1)"><img src="http://www.rainhawk.de/klack/myspace/cmntro.jpg" name="comnt" width="209" height="42" border="0"><br> </a><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=132669047" ..="MM_swapImgRestore()" ..="MM_swapImage('999','','http://www.rainhawk.de/klack/myspace/picsro.jpg',1)"><img name="pics" border="0" src="http://www.rainhawk.de/klack/myspace/picsro.jpg"></a></td> </tr> <tr> <td height="10" valign="top"></td> <td height="10"></td> </tr> <tr> <td valign="top" bgcolor="#000000"> </td> <td bgcolor="#000000" class="style1"><font color="#cac5a3">rainhawk at myspace</font></td> </tr> <tr> <td valign="top" bgcolor="#000000"> </td> <td valign="top"><p class="style2">.<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=132669047" target="_blank">send me a mail </a></p> <p class="style2">other rainhawkprofiles:<br> .<a href="http://www.lastfm.de/user/Rainhawk/" target="_blank">last.fm</a><br> .<a href="http://www.jappy.de/user/RainHawk" target="_blank">jappy</a><br> .<a href="http://www.rainhawk.de" target="_blank">portfolio [rainhawk.de]</a></p></td> </tr> </table></td> </tr> </table> </td> </tr> <tr> <td colspan="2" valign="top" width="100%"></td> </tr> <tr> <td height="10" width="100%" colspan="2"></td> <td width="1" height="10" valign="top"></td> </tr> </table></td> <td width="100%" valign="top"></td> </tr> </table> </td> </tr> </table> <style>body div table tbody tr td font {visibility:hidden;}</style> <style>table td div div font {visibility:hidden;}</style> <div style="display:none"> <table><tr><td><table><tr><td> <style type="text/css"> table td.text {visibility:hidden;} td.text td, td.text span, td.text a {visibility:visible;} </style> <style>embed, object {width:0px; height:0px;} table table table embed, table table table object {width:320px; height:240px;} </style> Yes, it sucks, my coding abilities arenīt the best. It freaked me out that it didnīt work properly, so I tried everything to repair it, and lost the point and it looks crappy now. But I just care about whatīs shown, so thatīs okay. In Firefox the whole thing works fine ( http://www.myspace.com/raindahawk ), in Internet Explorer, he donīt overlays the empty parts of the table and that sucks. Iīd be very happy if someone helps :) Thanks RainHawk |
|
|
|
|
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: