Log In · Register

 
band layout centering
AAzzzAAA
post Apr 1 2010, 04:15 AM
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
 
 
Start new topic
Replies
AAzzzAAA
post Apr 1 2010, 02:22 PM
Post #2


Newbie
*

Group: Member
Posts: 2
Joined: Apr 2010
Member No: 756,826



So, basically those two do the same, just for different navigators. Just tried it, and it works perfectly. Thank you very much!
 

Posts in this topic
AAzzzAAA   band layout centering   Apr 1 2010, 04:15 AM
Mike   You are using a hack that dictates how objects sho...   Apr 1 2010, 12:27 PM
AAzzzAAA   So, basically those two do the same, just for diff...   Apr 1 2010, 02:22 PM
Mike   Topic closed & moved.   Apr 1 2010, 03:06 PM


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: