Help - Search - Members - Calendar
Full Version: div positioning for all browsers
Forums > Resource Center > Support Center > Myspace Support > Myspace Resolved Topics
dbgraphics
Sep 23 2008, 08:44 PM
Hi im new to designing div overlays I was wondering if anyone could look at my code and tell me why my divs positioning is diffrent on some browsers and some screens but never on mines? Some people say things are fit snug and in place but others say things dont show up right on there monitors. Im pretty new to all this coding and positioning stuff but I was wondering is there any way I can ensure my myspace design shows up the right way for everyone? thanks for anyone who can point me in the right direction and heres a link to my page http://www.myspace.com/damebeatz
CODE
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>


















<div class="slideshow">
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="all" height="200" width="445" align="middle" data="http://lads.myspace.com/photoshow/slideshow.swf">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="all" />
<param name="movie" value="http://lads.myspace.com/photoshow/slideshow.swf" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="userID=202831063&bgColor=0&bgColor2=0&transitionSpeed=4&transitionStyle=a&showCaptions=1" />
</object>
</mspobj></div>

<div class="blog">

<center>

<br><br>
DAMEBEATZ's Latest Blog Entry&nbsp;</span>

[<a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkNvbmZpcm0mYW1wO2ZyaWVuZElEPTIwMjgzMTA2Mw==">Subscribe to this Blog</a>]

<br><br>

[<a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmYW1wO2ZyaWVuZElEPTIwMjgzMTA2Mw==">View All Blog Entries</a>]
</center></div>






















<div class="damebeatz">
<table id="Table_01" width="800" border="0" cellpadding="0" cellspacing="0" height="2175">

..tr><td colspan="4"><img src="http://h1.ripway.com/damebeatz/layout1/Damebeatz23_r1_c1.jpg" alt="" width="800" height="544"></td>
</tr>

<tr>
<td rowspan="6">
<img src="http://h1.ripway.com/damebeatz/layout1/Damebeatz23_r2_c1.jpg" alt="" width="120" height="1631"></td>
<td><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0yMDI4MzEwNjMmTXlUb2tlbj1hZjdhYmMxMi0zNWVlLTRlMTYtYmNjZC0wMDdlY
ViY2ZkMjA="><img src="http://h1.ripway.com/damebeatz/layout1/Damebeatz23_r2_c2.jpg" alt="send dame a message" width="138" height="14" border="0"></a></td>
<td> <a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0yMDI4MzEwNjM="><img src="http://h1.ripway.com/damebeatz/layout1/Damebeatz23_r2_c3.jpg" alt="Add Dame" width="134" height="14" border="0"></a></td>
<td rowspan="6">
<img src="http://h1.ripway.com/damebeatz/layout1/Damebeatz23_r2_c4.jpg" alt="" width="408" height="1631"></td>
</tr>
<tr>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja1VzZXImdXNlcklEPTIwMjgzMTA2Mw=="><img src="http://h1.ripway.com/damebeatz/layout1/Damebeatz23_r3_c2.jpg" width="138" height="12" border="0"></a></td>
<td> <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwuZm9y
2FyZCZmcmllbmRJRD0yMDI4MzEwNjMmZj1mb3J3YXJkcHJvZmlsZQ=="><img src="http://h1.ripway.com/damebeatz/layout1/Damebeatz23_r3_c3.jpg" width="134" height="12" border="0"></a></td>
</tr>
<tr>
<td>

<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0yMDI4MzEwNjM="><img src="http://h1.ripway.com/damebeatz/layout1/Damebeatz23_r4_c2.jpg" alt="View More Photos" width="138" height="14" border="0"></a></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLmFkZFRvRmF2b3JpdGUmZnJpZW5kSUQ9MjAyODMxMDYzJnB1YmxpYz0w"><img src="http://h1.ripway.com/damebeatz/layout1/Damebeatz23_r4_c3.jpg" alt="add to favs" width="134" height="14" border="0"></a></td>
</tr>
<tr>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL3VzZGF0dg==">
<img src="http://h1.ripway.com/damebeatz/layout1/Damebeatz23_r5_c2.jpg" alt="" width="138" height="16" border="0"></a></td>
<td>

<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tLzg3MzJhcHBhcmVs">
<img src="http://h1.ripway.com/damebeatz/layout1/Damebeatz23_r5_c3.jpg" alt="" width="134" height="16" border="0"></a></td>
</tr>
<tr>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL2NvcnBvcmF0ZXRodWd6ZW50ZXJ0YWlubWVudA==">
<img src="http://h1.ripway.com/damebeatz/layout1/Damebeatz23_r6_c2.jpg" alt="" width="138" height="14" border="0"></a></td>
<td>
<img src="http://h1.ripway.com/damebeatz/layout1/Damebeatz23_r6_c3.jpg" alt="" width="134" height="14" border="0"></td>
</tr>
<tr>
<td colspan="2">
<img src="http://h1.ripway.com/damebeatz/layout1/Damebeatz23_r7_c2.jpg" alt="" width="272" height="1561"></td>
</tr>
..table>
</div>

<style type="text/css">
{ Text Properties }
table, tr, td, li, p, div {font-family:arial !important; font-size:9px !important; color:FFFFFF !important; font-weight:bold; font-style:normal;}
.btext, .orangetext15, .nametext, .whitetext12 {font-family:arial !important; font-size:8px !important; color:FFFFFF !important; font-weight:bold; font-style:normal; }
.blacktext10, .blacktext11, .blacktext12, .lightbluetext8, .redtext, .redbtext, .text {font-family:arial !important; font-size: 8px !important; color:FFFFFF !important; font-weight:bold; font-style:normal; }
{ Link Properties }
a:active, a:visited, a:link {font-family:arial !important; color:FFFFFF !important; font-weight:bold; font-style:normal; }
a:hover {font-family:arial !important; color:080808 !important; font-weight:bold; font-style:normal; }
</style>















<style type="text/css">
.damebeatz {
top: -1856;
left: 50%;
margin-left: -400px;
width: 100%;
height: 0px;
position: absolute;
z-index:1;
}
</style>

<style>object {position:absolute; left:50%; z-index:8; top:230px; margin-left:-374px;}
table table table object
{position:static; margin-left:0px;}
</style>


<style type="text/css">
table, td {
background-color:TRANSPARENT;
border:none;
border-width:0;}
</style>


<style type="text/css">
body{background-image:url("http://h1.ripway.com/damebeatz/layout1/BGMAIN24.jpg");
background-attachment:fixed;}
</style>




<style type="text/css">
body{
background-position:center center;margin-top: 5;
scrollbar-arrow-color: 9f9f9f;
scrollbar-face-color: 222222;
scrollbar-highlight-color: 080808;
scrollbar-3dlight-color: 080808;
scrollbar-darkshadow-color: 080808;
scrollbar-shadow-color: 080808;
scrollbar-track-color: 080808;}
</style>





<style type="text/css">
.blog {
background-color:transparent;
border:;
font-family:arial black;
font-size:8px;
font-weight:normal;
color:666666;
position:absolute;
left: 0%;
margin-left:270px;
top:750px;
z-index:3;
height:322px;
width:425px;
overflow:AUTO;
}
</style>




<style type="text/css">
.slideshow {
background-color:transparent;
border:1;
font-family:arial black;
font-size:13px;
font-weight:normal;
color:transparent;
position:absolute;
left: 50%;
margin-left:-131px;
top:1238px;
z-index:6;
height:270px;
width:580px;
overflow:AUTO;
}
</style>

decaydancefbr
Sep 23 2008, 09:43 PM
To have correct margins, add these to your margin codes

CODE
_margin-top:XXXpx; _margin-left:XXXpx;


And make sure you have

CODE
left:50%;


And put that in there as well.
dbgraphics
Sep 24 2008, 06:48 PM
Thanks alot man.. but dont flame me for asking this.. How do I add those I mean can you explain where I would put that . Thanks I know thats probably a really dumb question but as I said im really new to this.
fixtatik
Sep 24 2008, 06:53 PM
they'll go in the last parts of your code, for ".blog"

replace "left:0%;" with "left:50%;" and adjust the margins. almost exactly like you've done for ".slideshow", but you'll have to adjust the margins a little differently until it works.
dbgraphics
Sep 24 2008, 06:58 PM
Thanks. really appreciate it
Anarchy
Sep 25 2008, 06:21 AM
Topic moved & closed.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.