mozilla - internet explorer, helpppp Options

[priopen]

had anyone successfullly like made a stite that works for for both ie and firefox???


My site works for mozilla but not ie. On the ie page also the ad for xanga is right in the middle of the blog. ... ahhh hellp!!


http://www.xanga.com/home.aspx?user=priopen

[HelloSunshine]

hmm...I think there's a way you can do that...I'm just not sure how...you could try re-doing the whole layout one for IE & for firefox

[aintgotone]

I only use firefox and mine works just fine! Humm...

[comeupon]

You have to 100% perfect coding for it to work both on IE and Mozilla, Mozilla has much more strict rules for HTML/CSS and causes a lot of miscoded pages to show up funny (like mine ) I just use Avant browser now though, based on IE but has the same feature as mozilla.

[*mona lisa*]

someone said that if you have a plug-in for mozilla, then xanga pages that are made with ie come out fine. does anyone know what it's called?

[MrElsewhere]

ok i put something here that didnt work, i'll do some research and edit this post later.

//edit

paste into header

[priopen]

<!-- begin code provided by createblog.com -->
<div class="blog">
<!-- end code provided by createblog.com -->

<IMG SRC="http://img135.exs.cx/img135/9703/fusion7jt.gif" BORDER=0 USEMAP="#fusion_Map">
<MAP NAME="fusion_map">
<area shape="rect" alt="" coords="448,322,475,339" href="http://www.xanga.com/claf">
<area shape="rect" alt="" coords="331,320,372,341" href="http://www.xanga.com">
<area shape="rect" alt="" coords="668,324,688,340" href="http://www.xanga.com/logout">
<area shape="rect" alt="" coords="692,324,716,335" href="http://www.xanga.com/logout">
<area shape="rect" alt="" coords="605,324,651,337" href="http://www.xanga.com/private/">
<area shape="rect" alt="" coords="549,322,592,339" href="http://www.xanga.com/profile.aspx?user=priopen">
<area shape="rect" alt="" coords="499,322,529,336" href="http://www.xanga.com/private/SubscribeTo.aspx?user=USERNAME">


<!-- begin code provided by createblog.com -->
<style type="text/css>
.blog {
margin-right:70;
margin-bottom:200;
}
</style>
<!-- end code provided by createblog.com -->









<!-- begin code provided by createblog.com -->
<style type="text/css">
/* Fusion - By Supa*/
body

{background-color: #4F4F4F;

scrollbar-arrow-color: #D6D6D6;
scrollbar-track-color: #C0C0C0;
scrollbar-shadow-color: #919191 ;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #B3B3B3;
scrollbar-darkshadow-color: #6B6B6B;
scrollbar-3dlight-color: #D3D3D3;}

/* edits the date */
div.blogheader, .caption
{background-image: url();
background-repeat:no-repeat;
background-position:center;
font-family: futura md bt;
text-transform:none;
font-size:12px;
line-height:2px;
font-weight:normal;
color:#525252;
letter-spacing:2px;
background-color:#CCCCCC;
text-align:center;
border:1px solid #CCCCCC;}

.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #737373;}

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: #px solid #COLOR CODE;
font:normal 9px Times New Roman;
background-color: #050505;
font-color:#DEDEDE;}

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;}

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url();
background-color:none;
color: #878787;
font: bold 10pt bernhardmod bt;
text-transform: none;
text-align:center;
border: #COLOR CODE #px solid;}

table.left {
/* this edits the menu module */
width:180px;
color:000000;
background-color:#808080;
BORDER: #COLOR CODE #px solid;}

font,td,p,xmp
{color:#737373;
font-face: bernhardmod bt;
font-weight:normal;
font-size:9pt;
text-align:justify;}

table.blogbody tr td {
/* this edits the left margin of blog */
width:0px;
padding-left: 0px;}

table.blogbody {
/* this edits the other the place where the blog is */
background-color:transparent;
family-font: Times New Roman;
BORDER: #COLOR CODE #px solid;
width:560px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */

a:link
{line-height: #12;
font-family: futura md bt;
font-weight:normal;
color:#383838 ;
text-transform:none;
font-size:10pt;
cursor:crosshair;}

a:active
{font-family: futura md bt;
color:#969696 ;
text-transform:none;
font-size:10pt;
cursor:crosshair;}

a:visited
{font-family: futura md bt;
color:#383838;
text-transform:none;
text-decoration:strikeout;
font-size:10pt;
cursor: crosshair;}

A:hover {font-family:futura md bt;
color:#969696 ;
text-transform: uppercase;
cursor: crosshair;
font-weight:bold;
font-size:10pt} </style>
<!-- end code provided by createblog.com -->

[MrElsewhere]

Paste into HTML Header:

[largosama]

- if you pad one div, all other divs will become distorted in mozilla but not in ie
- if you specificy height in IE, no divs will move but mozilla will move other divs to match the height -_-
- the filter:alpha(opacity=); style tag is moz-opacity:.w/e; in mozilla
- ^ only filter I researched to work in mozilla
- if you stick to just margins, then you should be fine. Add anything else dealing with padding and width is asking for trouble in terms of compatability

some observations i made while making my site compatible to both browsers

[priopen]

new problem.. haha.. the blog is going under the gif image for the navigation etc. lol if you know any solutions it will be helpful thanks!!


http://www.xanga.com/home.aspx?user=priopen


ive tried changing the width and height and margin etc it didn't do nothin

[krismiss678]

in the div layer, play with the bottom and right margins. if that doesnt work try replacing

CODE

<!-- begin code provided by createblog.com -->
<style type="text/css">
.blog {
margin-right:70px;
margin-bottom:200px;
width: 615px;
height: 420px;
overflow: auto;
position: static;
}
</style>

<!-- end code provided by createblog.com -->

with this.

[MrElsewhere]

ahh..sorry i tried to help, but i've run out of things to do to the code..