Help - Search - Members - Calendar
Full Version: DIV offset on Safari
Forums > Resource Center > Support Center > MySpace Support > Myspace Resolved Topics
Sn00ch-FGFX
Feb 5 2009, 02:29 PM
Hey guys, i was doing this in the "creating a band myspace DIV" topic, but i think having my own topic will allow for more views, therefor answering my question faster.

I am a Graphics Designer, and i have been working on photoshop for about 5 years, and im pretty good at HTML/CSS, BUT at times it still frustrates me just like everybody else. and now is one of those times.

I am currently designing a friends Country Music myspace, (Here)
and i am working on the left side panel of the myspace. on FIREFOX AND INTERNET EXPLORER it is aligned and working, but on Safari, it is WAY OFF, idk what to do, i have almost run out of patience for it, but its a lot of work i dont want to throw away!

my friend checked it on his mac, and he said the left side div is all the way down near the comments.. idk what the hell to do. i have never heard of editing the code seperatly for firefox, IE, AND safari.

this is rediculous.

please help a frustrated designer!

Here is the code for the left side of the myspace (all the table stuff is for my sliced image):
CODE
<style type="text/css">
.tg_left {position:absolute; top:765px; _top:-337; margin-left:-390px; _margin-left:-545px; left:50%; width:325px; height:1500px; background-color:FFFFFF; z-index:2;}
</style>

<div class="tg_left">
<table id="Table_01" width="310" height="380" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="3">
            <img src="http://i393.photobucket.com/albums/pp13/FactorGFX/Josh%20Adams/viewpics_01.gif" width="310" height="333" alt=""></td>
    </tr>

    <tr>
        <td rowspan="2">
            <img src="http://i393.photobucket.com/albums/pp13/FactorGFX/Josh%20Adams/viewpics_02.gif" width="163" height="47" alt=""></td>
        <td>
            <a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld1BpY3R1cmUmZnJpZW5kSUQ9Mzg4MDk0OTA3JmFsYnVtSWQ9NTE4OTY=">
                <img src="http://i393.photobucket.com/albums/pp13/FactorGFX/Josh%20Adams/View-Pictures.jpg" width="139" height="36" border="0" alt=""></a></td>
        <td rowspan="2">
            <img src="http://i393.photobucket.com/albums/pp13/FactorGFX/Josh%20Adams/viewpics_04.gif" width="8" height="47" alt=""></td>
    </tr>

    <tr>
        <td>
            <img src="http://i393.photobucket.com/albums/pp13/FactorGFX/Josh%20Adams/viewpics_05.gif" width="139" height="11" alt=""></td>
    </tr>
</table>

</div>


Sn00ch-FGFX
Mickey
Feb 5 2009, 02:56 PM
This has been occuring a lot lately and I don't think I've found a definite solution for it. Have you tried adding "px" next to the value for the top attribute with the underscore?
Sn00ch-FGFX
Feb 5 2009, 03:24 PM
if it is really that simple, im going to be so mad at myself. lol

---edit----

I just tried that, and had my friend check it again, and he said its still messed up.

damn i really need to figure this out.
Mickey
Feb 5 2009, 05:44 PM
I'm gonna close this since you said your problems are solved on the other topic. Topic closed & moved.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.