PDA

View Full Version : Div firefox IE corrupt


andyleem
08-26-2006, 03:55 PM
Hello, This is my myspace profile in DIV. www.myspace.com/andyleem
If you noticed in firefox all the allignment is destroyed. Can you tell me how to correct this. It is perfect in IE.

JacobLee2oo7
08-26-2006, 07:36 PM
First off..

What is this.. you were trying to make this a background image on one of your divs..
http://p.cloudsites.com/nph-proxy.pl/000110A/http/p.cloudsites.com/nph-proxy.pl/000110A/http/i12.photobucket.com/albums/a211/elmo_katt/mhmm.gif
I believe it should be this..
http://i12.photobucket.com/albums/a211/elmo_katt/mhmm.gif

Now..

All this code..
<DIV class="Main"> <table style="width:800px; height:600px; cellpadding:0px; cellspacing:0px; border:0px solid transparent; background-color:ffffff;}"> <tr> <td valign="top">

</div>

<div style="position:absolute; left:-170px; top:15px; width:900px; height:650px;background-image:url(http://www.filecabin.com/up1/1155383838-phonefinal copy4.jpg); overflow:auto;"></div>



<div style="position:absolute; left:18px; top:296px; width:200px; height:300px; background-color:transparent; overflow:auto;"><p align=center>
<br>
<a href=http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=7197143><img src="http://www.filecabin.com/up1/1151676863-me2.jpg"><br>

</div>





</div>
<div style="position:absolute; left:550px; top:400px; width:150px; height:250px; background-url:"http://p.cloudsites.com/nph-proxy.pl/000110A/http/p.cloudsites.com/nph-proxy.pl/000110A/http/i12.photobucket.com/albums/a211/elmo_katt/mhmm.gif"; overflow:auto;"><center>
</form>

</div>

Needs cleaning.. here..

<div style="position:absolute; left:-170px; top:15px; width:900px; height:650px;background-image:url('http://www.filecabin.com/up1/1155383838-phonefinal copy4.jpg'); overflow:auto;"></div>

<div style="position:absolute; left:18px; top:296px; width:200px; height:300px; background-color:transparent; overflow:auto;"><p align=center>
<a href=http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=7197143><img src="http://www.filecabin.com/up1/1151676863-me2.jpg"></p>
</div>

<div style="position:absolute; left:550px; top:400px; width:150px; height:250px; background-image:url('http://p.cloudsites.com/nph-proxy.pl/000110A/http/p.cloudsites.com/nph-proxy.pl/000110A/http/i12.photobucket.com/albums/a211/elmo_katt/mhmm.gif'); overflow:auto;">

</div>

That code above me can replace the code above it..
I saw that you weren't even using your Main div.. So you can take out the css styling for it..

This profile is crapped up..

Click on my signature.. You can look at how clean coding should be.

You may want to learn how to position things absolutely a little better.. You are using a way that isn't cross resolution friendly.