band layout centering |
band layout centering |
![]()
Post
#1
|
|
Newbie ![]() Group: Member Posts: 2 Joined: Apr 2010 Member No: 756,826 ![]() |
hi Everyone, I've been following this forum, which is absolutely awesome, in order to make my first DIV band layout.
the things is, i don't get it to work properly both in explorer and firefox, and even simple as it is, i don't really get what Iˇm doing wrong. Any help will be very apreciated. My web as it looks nowadays (in firefox, it looks fine, but not in explorer :( Myspace Eva Paez My code: CODE <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="265" width="320">
<param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://www.youtube.com/v/M19aKm1zK5A&hl=es_ES&fs=1&" /> <param name="wmode" value="transparent" /> <embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/M19aKm1zK5A&hl=es_ES&fs=1&" height="265" width="320" wmode="transparent" /> </object> <style> .profileWidth table { margin-bottom:200px; width:800px; } .rail { display:none; } .gap { background: top left no-repeat; width:900px; height:200px; position:absolute; top:0; left:50%; margin:0px 0 -400px -200px; </style> <div class="gap"></div> <div class="content"> <table id="Table_01" width="414" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <img src="http://www.evapaez.es/images/Untitled-1_01.jpg" width="414" height="1363" alt="" /></td> </tr> <tr> <td> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmV2YXBhZXouZXM="> <img src="http://www.evapaez.es/images/Untitled-1_02.jpg" width="414" height="42" border="0" alt="" /></a></td> </tr> </table> </div> <div class="topbanner"> <table id="Table_01" width="1261" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="4"> <img src="http://www.evapaez.es/images/gugu_01.jpg" width="1261" height="70" alt="" /></td> </tr> <tr> <td colspan="2"> <img src="http://www.evapaez.es/images/gugu_02.jpg" width="324" height="212" alt="" /></td> <td> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmV2YXBhZXouZXM=" target="blank_"> <img src="http://www.evapaez.es/images/aosudfyga_03.jpg" width="256" height="212" border="0" alt="mi p&225;gina personal" /></a></td> <td rowspan="7"> <img src="http://www.evapaez.es/images/gugu_04.jpg" width="681" height="820" alt="" /></td> </tr> <tr> <td rowspan="6"> <img src="http://www.evapaez.es/images/gugu_05.jpg" width="320" height="608" alt="" /></td> <td colspan="2"> <a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD0xOTc2MDMxNzM="> <img src="http://www.evapaez.es/images/aosudfyga_06.jpg" width="260" height="54" border="0" alt="" /></a></td> </tr> <tr> <td colspan="2"> <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz 2FnZVYzJmZyaWVuZElEPTE5NzYwMzE3Mw=="> <img src="http://www.evapaez.es/images/aosudfyga_07.jpg" width="260" height="50" border="0" alt="" /></a></td> </tr> <tr> <td colspan="2"> <img src="http://www.evapaez.es/images/gugu_08.jpg" width="260" height="82" alt="" /></td> </tr> <tr> <td colspan="2"> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL2FsYWtl"> <img src="http://www.evapaez.es/images/aosudfyga_09.jpg" width="260" height="34" border="0" alt="" /></a></td> </tr> <tr> <td colspan="2"> <a href="http://www.msplinks.com/MDFodHRwOi8vdHdpdHRlci5jb20vRXZhX1BhZXo="> <img src="http://www.evapaez.es/images/aosudfyga_11.jpg" width="260" height="36" border="0" alt="" /></a></td> </tr> <tr> <td colspan="2"> <img src="http://www.evapaez.es/images/gugu_11.jpg" width="260" height="352" alt="" /></td> </tr> <tr> <td> <img src="http://www.evapaez.es/images/spacer.gif" width="320" height="1" alt="" /></td> <td> <img src="http://www.evapaez.es/images/spacer.gif" width="4" height="1" alt="" /></td> <td> <img src="http://www.evapaez.es/images/spacer.gif" width="256" height="1" alt="" /></td> <td> <img src="http://www.evapaez.es/images/spacer.gif" width="681" height="1" alt="" /></td> </tr> </table> </div> <style> .content {position:absolute; left:50%; top:1085px; margin-left:-470px; _margin-left:0px; width:414; height:1363px; z-index:1;} .topbanner {position:absolute; left:50%; top:200px; margin-left:-630px; _margin-left:0px; width:1261; height:890px; z-index:1;} .orangetext15 {display: none;} .whitetext12 {display: none;} table table div embed, table table div object {position:relative; z-index:9;} <style type="text/css"> table, tr, td { background-color:transparent; border:none; border-width:0;} body, .bodyContent { background-color:ffffff; background-image:; background-attachment: fixed; background-position: left top ; background-repeat: no-repeat; border-color:a80014; border-width:0px; border-style: solid; scrollbar-face-color:aaaaaa; scrollbar-highlight-color:aaaaaa; scrollbar-3dlight-color:aaaaaa; scrollbar-shadow-color:aaaaaa; scrollbar-darkshadow-color:aaaaaa; scrollbar-arrow-color:ffffff; scrollbar-track-color:ffffff; } table table { background-color:transparent; background-image:; background-position:center; border-style: solid; border-width: 0px; border-color:520700; padding:0px; opacity:1.0; filter:alpha(opacity=100);} table table table table{border:0px} table table table { border-style: solid; border-width:0px; border-color:aaaaaa; background-color:ffffff; background-image:; padding:1px; opacity:1.0; filter:alpha(opacity=100); } table table table td { background-color: ffffff; padding:0px; opacity:1; filter:alpha(opacity=100); } .nametext, .whitetext12, .orangetext15, .btext { background-color:transparent; background-image:; background-position:center top; background-repeat:repeat-x; border-style:none; padding-bottom:5pt; padding-left:5pt; padding-right:5pt; padding-top:5pt; } table table table.latestBlogEntry td span.btext {display:block; text-align: left; margin:5px;} table table table.friendSpace td span.btext {display:block; text-align: left; margin:5px;} table table table.friendSpace td span.orangetext15 {display:block; text-align: left; margin:5px;} table table table.profileInfo td span.nametext{display:block; text-align: left; margin:5px;} table table table.interestsAndDetails td span.whitetext12 {display:block; text-align: left; margin:5px;} table table table.userProfileDetail td span.whitetext12 {display:block; text-align: left; margin:5px;} table table table.userProfileSchool td span.whitetext12 {display:block; text-align: left; margin:5px;} table table table.userProfileCompany td span.whitetext12 {display:block; text-align: left; margin:5px;} table table table.blurbs td span.orangetext15 {display:block; text-align: left; margin:5px;} table table table.friendsComments td span.orangetext15 {display:block; text-align: left; margin:5px;} table table table table td {filter:none;} table, tr, td, li, p, div { font-family: Arial, Helvetica, sans-serif; color: 000000; font-size:12px; } .btext { font-family: "Arial Black", Gadget, sans-serif; color:000000; font-size:12px; } .blacktext10 { font-family: Arial, Helvetica, sans-serif; color:000000; font-size:8px; } .blacktext12 { font-family: Arial, Helvetica, sans-serif; color:000000; font-size:8px; } .lightbluetext8 { font-family: Arial, Helvetica, sans-serif; color:000000; font-size:8px; } .orangetext15 { font-family: "Arial Black", Gadget, sans-serif; color:000000; font-size:12px; } .redtext { font-family: Arial, Helvetica, sans-serif; color:000000; font-size:8px; } .redbtext { font-family: Arial, Helvetica, sans-serif; color:000000; font-size:8px; } .text { font-family: Arial, Helvetica, sans-serif; color:000000; font-size:12px; font-weight:bold; } .whitetext12 { font-family: "Arial Black", Gadget, sans-serif; color:000000; font-size:18px; font-weight:bold; } a:active, a:visited, a:link { font-family: Arial, Helvetica, sans-serif; color:887f9b; font-size:12px; } a:hover { font-family: Arial, Helvetica, sans-serif; color:9b9b7f; font-size:12px; } a.navbar:active, a.navbar:visited, a.navbar:link { font-family: Arial, Helvetica, sans-serif; color:887f9b; font-size:8px; font-weight:bold; } a.navbar:hover { font-family: Arial, Helvetica, sans-serif; color: 9b9b7f; font-size:12px; } a.redlink:active, a.redlink:visited, a.redlink:link { font-family: Arial, Helvetica, sans-serif; color:887f9b; font-size:8px; font-weight:bold; } a.redlink:hover { font-family: Arial, Helvetica, sans-serif; color: 9b9b7f; font-size:12px; } .nametext { font-family: "Arial Black", Gadget, sans-serif; color:000000; font-size:18px; } a.searchlinkSmall:link {color: 887f9b;} a.searchlinkSmall:hover {color: 9b9b7f;} .contactTable { width:300px !important; padding:0px !important; background-image:url(http://stuff.pyzam.com/layouts/img/d/a/nvdamaksflooredct.jpg); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent; }.contactTable table, table.contactTable td { padding:0px !important;border:0px; background-color:transparent; background-image:none;}.contactTable a img {visibility:hidden; border:0px !important;}.contactTable .text {font-size:1px !important;}.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}.contactTable .whitetext12 {display:none;} </style>
Reason for edit: Please use [codebox] tags instead of [code] tags when posting longer codes. - Mike
|
|
|
![]() ![]() |