Log In · Register

 
A big difference between IE and FF
Bounty
post Dec 19 2006, 11:27 PM
Post #1


Member
**

Group: Member
Posts: 13
Joined: Jun 2006
Member No: 424,788



I am about to scream in a minute if I don't figure this out. I'm making a Div layout and I'm placing the informations where it needs to be going but my problem? On Firefox things are looking great but when I view it on Internet Explorer everything is WAY out of whack. I'll post up the coding if it helps, just let me know. Any help at all would be awesome. Thanks!

QUOTE
<style type="text/css"> .hidethem {visibility:hidden; display:none;} </style>
<style type="text/css">.comments {visibility:hidden;display:none;}</style>
<style>div div table tr td a.navbar, div div table tr td font {display: none;}</style><style type="text/css"> body div div table td { display: none }
.navibar {display: none }
.navbar { display: none; }
div div table
tr td a.navbar, div div table tr td font {display: none;}
.hidethem {visibility:hidden; display:none;}
a.navbar{display: none;}
a.navbar:link{display: none;}
a.navbar:active{display: none;}
a.navbar:visited{display: none;}
a.navbar:hover{display: none;}
</style>

<style type="text/css">
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
</style>





<style type="text/css">
body,table, td, li, p, div, textarea
{font-family:galant; font-size:9pt; color:791414; font-weight:none;}
body
{background-image:url("");
background-attachment:no-fixed;
background-color:000000;
background-repeat:no-repeat;
background-position: bottom left;
scrollbar-arrow-color: 000000;
scrollbar-track-color: 828386;
scrollbar-face-color: 828386;
scrollbar-shadow-color: 000000;
scrollbar-highlight-color: 000000;
scrollbar-darkshadow-color: 828386;
scrollbar-3dlight-color: 828386;}

.text {font-family:galant; font-size:9pt;
color:791414; font-weight:none}

.title {
color: 791414;
font: 20px galant;
font-weight: bold;
text-transform: Normal;
letter-spacing: -1px;
padding: 0px;
background-color: transparent;}

div {
font-family: galant;
color : 791414;
font-size : 9pt;
letter-spacing:0pt;
text-align: justify;
background-color: normal;
border: 0px solid 000000;}


strong, b {
font: 9px galant;
color: 791414;
text-transform:normal;
text-align: justify;}

i, em, i {
font: 9px galant;
color: 791414;
text-transform:normal;
text-align: justify;}

u, s, s, sb, sw {
font: 9px galant;
color: 791414;
text-transform:normal;
border-bottom: 0px DOTTED #FF6600;
text-align: justify;}


a{font-family:galant; font-size:9pt;
font-weight:normal;background-color:transparent;}
a:link{color:791414;font-weight:none;font-family:galant}
a:active{color:791414;font-weight:none;font-family:galant}
a:visited{color:791414;font-weight:none;font-family:galant}
a:hover{color:791414;font-weight:none;font-family:galant}

a.man{font-family:galant; font-size:9pt;
font-weight:normal;background-color:transparent;}
a:link{color:6580214;font-weight:none;font-family:galant}
a:active{color:7D2B8B;font-weight:none;font-family:galant}
a:visited{color:00ACEC;font-weight:none;font-family:galant}
a:hover{color:72B67B;font-weight:none;font-family:galant}
</style>






<div class="bg" style="position: absolute; left:100px; top:200; width:1000px; height:1000px; overflow: hidden;">
<img id="Top.jpg" <img src="http://img.photobucket.com/albums/v436/mrs_gyllenhaal/newbackgroundazzie.jpg"border=0>
</div>


<div class="content" style="position: absolute; left:130px; top:540px; width:650px; height:50px; overflow: auto;">
<p>
Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob
Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob
Bob Bob Bob Bob Bob Bob Bob <b>top</b> Bob Bob Bob Bob Bob Bob Bob Bob
Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob
Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob
Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob Bob
</div>



<div class="content" style="position: absolute; left: 130px; top:585px; width:180px; height:460px; overflow: auto;">
<p>

Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content
Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content
Content Content Content Content <b>left</b>Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content
Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content
Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content

Content Content Content Content Content Content Content Content Content Content
</div>


<div class="content" style="position: absolute; left:340px; top:600px; width:425px; height:180px; overflow: auto;">
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star <b>top right</b> Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star Star
</div>



<div class="content" style="position: absolute; left:340px; top:650px; width:425px; height:180px; overflow: auto;">
<p>
Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love LoveLove Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love
Love LoveLove Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love LoveLove Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love LoveLove Love Love Love Love Love Love <b>bottom right</b>Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love LoveLove Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love LoveLove Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love LoveLove Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love Love
</div>



<style>td td object {position:absolute; left:0px; top:0px; display:block; width:0px; height:0px;}</style>
 
 
Start new topic
Replies
freeflow
post Dec 24 2006, 06:09 AM
Post #2


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270



But then check firefox. Does it look the same as IE when you change the tites and add z-indexes? If so then you just need to reposition it .
 

Posts in this topic


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