Jump to content

Help With Cross Browser testing


aboynamedheirloom

Recommended Posts

I'm working on this website and am having trouble with making the text line up in internet explorer. It looks fine when opened in mozilla. here is the html :<table cellpadding="0" cellspacing="0" border="0" hspace="0" vspace="0"> <tr> <td><img src="damarisland/images/dotclear.gif" width="39" height="458"></td> <td background="damarisland/images/bkgrnd_05.jpg" width="421" height="457"> <table width="414" height="393"> <tr> <td width="40"><img src="damarisland/images/dotclear.gif" width="40" height="450"></td> <td width="362" class="bio"> <p>Damarisland is a composite of Damaris Drummond’s character; a floodgate to her brain. It is a portfolio of an artist dedicated to pushing the margins of fashion and performance art She believes that by integrating these mediums into reality, our day-to-day droning can be distorted into a strange beauty.</p><p>After studying abroad in Florence, Italy and Dijon, France she graduated from Colby College, Waterville ME, with a BA in Fine Art/ Art History in 2003. She has interned and worked at countless museums and galleries: Colby College Museum of Art, Boulder Contemporary Museum of Art, Gallery Soverign, Andenken, Gallery Sink and Dearborne Reider Gallery. As well as being an artist assistant for sculptor, Rebecca Didomenico. She is currently working as a fashion consultant for ManiaTV! Networks and hosting the on-air fashion segments.</p><p>Damaris has been active in the Denver art scene for more than two years now, showing her work in galleries: Andenken, Stay Gallery, Rhinoceropolis, The Construct, Gallery Sink and Soveriegn. She has also performed on the stages of many venues: La Rhumba, Hi-Dive, The Boulder Theatre, The Orange Cat, Tulagis, Stagecoach Theatre, and Little Horse. Her fashions have been in numerous runway shows: Rock Stars are Dead, Fashion Denver, Toofy Film Festival, Fashion Musique, Pin Drop Soup, Buffalo Exchange, Retro-Fit, Locality and Japanimplosian.</p><p>Damaris is considering starting a line of street wear, and has sold odds and ends in local boutiques to-date. However she revels in creating more experimental designs, each being one of kind pieces. Her goal remains to take her fashion/performance art on tour; to storm the streets of towns, near and far, conquering each as Damarisland.</p></td> </tr> </table> </td> <td><img src="damarisland/images/mainimage_05.jpg" width="348" height="458"></td> </tr></table>HERE IS THE CSS :/* CSS Document */<script language="JavaScript" type="text/JavaScript">function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}}function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;}function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document); if(!x && d.getElementById) x=d.getElementById(n); return x;}function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}}//</script>.bio { font-family: Georgia, "Times New Roman", Times, serif; font-size: 9px; font-style: normal; color: #000000; background-image: url(images/bkgrnd_04.jpg); letter-spacing: normal; text-align: center; word-spacing: normal; white-space: nowrap; display: table-cell; height: 458px; width: 460px;}.bio { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-style: normal; font-variant: normal; color: #000000; letter-spacing: normal; text-align: justify; word-spacing: normal; overflow-x: hidden; overflow-y: scroll; height: 300px; position: relative; visibility: inherit; width: 300px; z-index: auto; top: 125px; right: 30px; clear: left; float: right; clip: rect(auto,auto,auto,200px); }</STYLE>and the link :http://www.damarisland.com/bio.htm

Link to comment
Share on other sites

well, for the csss; you gave us the javascript, and you dont have a starting <style> tag. Put this before the start of the css: <style type="text/css">maybe thats all it was?

Link to comment
Share on other sites

I'm working on this website and am having trouble with making the text line up in internet explorer. It looks fine when opened in mozilla. here is the html :
Ok i think i can see what you meant, if you add the code in red to your .bio class then it will shift the text over to the right..bio {padding-left:50px;}Yes it should look ok now in IE and FF but in Opera it's all messed up, you might want to check that out :)
Link to comment
Share on other sites

Ok i think i can see what you meant, if you add the code in red to your .bio class then it will shift the text over to the right..bio {padding-left:50px;}Yes it should look ok now in IE and FF but in Opera it's all messed up, you might want to check that out :)

I added the css, but I'm still having formatting issues. I'm not really sure whats wrong.
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...