|
Help - Internet Explorer and Firefox display
03-09-2009, 11:56 PM
|
Help - Internet Explorer and Firefox display
|
Posts: 1
Name: Tesh
|
Hi Everyone,
I found this forum through google and read a few threads, great stuff. I am in the process of making a website, and so far all is well except one problem. The site's text is aligned perfectly in firefox, but its messed up in internet explorer. I'm a noob, and this is my first site, any advice is appreciated. I've done a little research and understand that I should use a DOCtype so everything is standard, which I did. Here is the URL, view it in both browsers if possible.. http://www.flixreviews.net
I have a table with two colums.. left side with the pictures, right side with the text.. as you can see, the text is not aligned with the picture in IE, but is, with firefox..
Please help.. its driving me nuts! Thank you.
Last edited by Tesh; 03-09-2009 at 11:58 PM..
|
|
|
|
|
03-10-2009, 12:14 AM
|
Re: Help - Internet Explorer and Firefox display
|
Posts: 250
|
Hi Tesh
Fair play to you for trying good effort on your behalf as for the text to me it looks pretty much the same in InternetExploder as well as FireFox. As for the doctype well your page has over 22 errors but that could be resolved properly using css i do believe. how did you come across to making the site in that way and what was your motive or inspiration just out of interest?
it looks ok for a personal review website like the kind you would share with family and friends but not overloaded and with lots of content on it like you would see with a more professional one. Not saying its not professional lol
hmm it i see what you mean now tho you want to get it so its the same as in firefox. I see what you are saying and i see what your problem is.
You simply need to enter a few more rows into your table and then have the image perfectly level with the text on the right. its easy.
|
|
|
|
|
03-10-2009, 12:18 AM
|
Re: Help - Internet Explorer and Firefox display
|
Posts: 250
|
Here is the code copied from your homepage with the new rows init and lined up
Quote:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Welcome To Flix Reviews!</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
td img {display: block;}.details {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
}
.MovieHeader {
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
color: #F00;
font-weight: bold;
}
.MovieHeader {
text-align: left;
}
.details {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
}
moviedescription {
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
color: #F00;
}
.moviedescript {
color: #06F;
font-family: Tahoma, Geneva, sans-serif;
font-size: 10px;
font-weight: normal;
}
.details .MovieHeader .details .details {
color: #0FF;
}
</style>
<!--Fireworks CS3 Dreamweaver CS3 target. Created Sun Mar 08 06:49:25 GMT-0400 (Eastern Daylight Time) 2009-->
<script language="JavaScript1.2" type="text/javascript">
<!--
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[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].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[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
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[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
</head>
<body bgcolor="#000000" onload="MM_preloadImages('goodmovielayout_r2_c3_f2 .gif','goodmovielayout_r2_c5_f2.gif','goodmovielay out_r2_c7_f2.gif','goodmovielayout_r2_c9_f2.gif'); ">
<table border="0" cellpadding="0" cellspacing="0" width="1024">
<!-- fwtable fwsrc="goodmovielayout.png" fwpage="Page 1" fwbase="goodmovielayout.gif" fwstyle="Dreamweaver" fwdocid = "1364546109" fwnested="0" -->
<tr>
<td><img src="spacer.gif" width="109" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="173" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="109" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="2" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="109" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="2" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="109" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="2" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="109" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="152" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="148" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="11"><img name="goodmovielayout_r1_c1" src="http://www.flixreviews.net/images/goodmovielayout_r1_c1.gif" width="1024" height="82" border="0" id="goodmovielayout_r1_c1" alt="" /></td>
<td><img src="spacer.gif" width="1" height="82" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2"><img name="goodmovielayout_r2_c1" src="http://www.flixreviews.net/images/goodmovielayout_r2_c1.gif" width="109" height="686" border="0" id="goodmovielayout_r2_c1" alt="" /></td>
<td><img name="goodmovielayout_r2_c2" src="http://www.flixreviews.net/images/goodmovielayout_r2_c2.gif" width="173" height="47" border="0" id="goodmovielayout_r2_c2" alt="" /></td>
<td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('goodmovielayout_r2_c3', '','http://www.flixreviews.net/images/goodmovielayout_r2_c3_f2.gif',1);"><img name="goodmovielayout_r2_c3" src="http://www.flixreviews.net/images/goodmovielayout_r2_c3.gif" width="109" height="47" border="0" id="goodmovielayout_r2_c3" alt="" /></a></td>
<td><img name="goodmovielayout_r2_c4" src="goodmovielayout_r2_c4.gif" width="2" height="47" border="0" id="goodmovielayout_r2_c4" alt="" /></td>
<td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('goodmovielayout_r2_c5', '','http://www.flixreviews.net/images/goodmovielayout_r2_c5_f2.gif',1);"><img name="goodmovielayout_r2_c5" src="http://www.flixreviews.net/images/goodmovielayout_r2_c5.gif" width="109" height="47" border="0" id="goodmovielayout_r2_c5" alt="" /></a></td>
<td><img name="goodmovielayout_r2_c6" src="goodmovielayout_r2_c6.gif" width="2" height="47" border="0" id="goodmovielayout_r2_c6" alt="" /></td>
<td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('goodmovielayout_r2_c7', '','http://www.flixreviews.net/images/goodmovielayout_r2_c7_f2.gif',1);">
<img name="goodmovielayout_r2_c7" src="http://www.flixreviews.net/images/goodmovielayout_r2_c7.gif" width="109" height="47" border="0" id="goodmovielayout_r2_c7" alt="" /></a></td>
<td><img name="goodmovielayout_r2_c8" src="goodmovielayout_r2_c8.gif" width="2" height="47" border="0" id="goodmovielayout_r2_c8" alt="" /></td>
<td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('goodmovielayout_r2_c9', '','http://www.flixreviews.net/images/goodmovielayout_r2_c9_f2.gif',1);"><img name="goodmovielayout_r2_c9" src="http://www.flixreviews.net/images/goodmovielayout_r2_c9.gif" width="109" height="47" border="0" id="goodmovielayout_r2_c9" alt="" /></a></td>
<td><img name="goodmovielayout_r2_c10" src="http://www.flixreviews.net/images/goodmovielayout_r2_c10.gif" width="152" height="47" border="0" id="goodmovielayout_r2_c10" alt="" /></td>
<td rowspan="2"><img name="goodmovielayout_r2_c11" src="http://www.flixreviews.net/images/goodmovielayout_r2_c11.gif" width="148" height="686" border="0" id="goodmovielayout_r2_c11" alt="" /></td>
<td><img src="spacer.gif" width="1" height="47" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="9" align="center" valign="top" background="http://www.flixreviews.net/images/goodmovielayout_r3_c2.gif"><br /><br />
<div style="overflow: auto; height: 350px; width: 600px;"> <p> </p>
<table border="0" cellpadding="14">
<tr>
<td width="106" height="387" align="center" valign="top"> <img src="http://www.flixreviews.net/images/twilight.jpg" width="139" height="196" /></td>
<td width="326" align="left" valign="top"><span class="MovieHeader">
Twilight<br />
<span class="details">Genre: Drama | Fantasy | Romance | Thriller<br />
Runtime: 122 min<br />
Directed By: Catherine Hardwicke<br />
Starring: Kristen Stewart, Robert Pattinson, Billy Burke<br />
Trailer / Preview: <a href="http://www.youtube.com/watch?v=xBvOhfL4mYw" target="_blank">
Click Here</a></span><br />
<br />
<span class="moviedescript"><br />
Twilight’ is an action-packed, modern-day love story between a
teenage girl and a vampire. Bella Swan (Kristen Stewart) has always
been a little bit different, never caring about fitting in with the
trendy girls at her Phoenix high school. When her mother re-marries
and sends Bella to live with her father in the rainy little town of
Forks, Washington, she doesn’t expect much of anything to change.
Then she meets the mysterious and dazzlingly beautiful Edward Cullen
(Robert Pattinson), a boy unlike any she’s ever met. Edward is a
vampire, but he doesn’t have fangs and his family is unique in that
they choose not to drink human blood. Intelligent and witty, Edward
sees straight into Bella’s soul. Soon, they are swept up in a
passionate, thrilling and unorthodox romance. To Edward, Bella is
what he has waited 90 years for — a soul mate. But the closer they
get, the more Edward must struggle to resist the primal pull of her
scent, which could send him into an uncontrollable frenzy. But what
will Edward and Bella do when a clan of new vampires — James (Cam
Gigandet), Laurent (Edi Gathegi) and Victoria (Rachelle Lefevre) —
come to town and threaten to disrupt their way of life? </td>
</tr>
<tr>
<td width="106" height="267" align="center" valign="top">
<img src="http://www.flixreviews.net/images/unborn.jpg" alt="" width="131" height="193" /></td>
<td width="326" align="left" valign="top"><span class="MovieHeader">
<span class="moviedescript">
<p class="details"><span class="details">Runtime: 1hr 27mins<br />
Directed B: David Goyer<br />
Starring: Odette Yustman, Gary Oldman, Meagan Good, Idris Elba</span><br />
Trailer / Preview: <a href="http://www.youtube.com/watch?v=EfkPwW6FQFk" target="_blank">
Click Here</a> </p>
<p class="details">The Unborn is a supernatural thriller that draws upon the
legend of a dybbuk, a malevolent spirit that refuses to leave the human world
and inhabits the body of a person. Protagonist Casey Beldon (Odette Yustman) is
plagued by merciless dreams, visions of strange looking dogs, and an evil child
with bright blue eyes. After being hit with a mirror by her neighbor’s son,
Casey’s eyes begin to change color and she learns she had a twin brother who
died in the womb. Casey begins to suspect that the spirit haunting her is the
soul of her dead twin, being possessed by a dybbuk, wanting to be born so it can
transfer to the world of the living</p>
</td>
</tr>
<tr>
<td width="106" height="397" align="center" valign="top"> <img src="http://www.flixreviews.net/images//milk.jpg" width="134" height="186" /></td>
<td width="326" align="left" valign="top"><span class="MovieHeader">
<span class="moviedescript">
<p class="details">Milk<br />
Genre: Biography | Drama <br />
Runtime: 2hrs 08mins <br />
Directed By: Gus Van Sant <br />
Starring: Sean Penn, Emile Hirsch, Josh Brolin, Diego Luna<br />
Trailer / Preview: <a href="http://www.youtube.com/watch?v=mKHSAxRThsc" target="_blank">
Click Here</a></p>
<p class="details">Harvey Milk (1930-1978) was an activist and politician, and
the first openly gay man to be elected to public office in America; in 1977, he
was voted to the city supervisors’ board of San Francisco. The following year,
both he and the city’s mayor George Moscone were shot to death by another city
supervisor, Dan White. Mr. Milk was previously the subject of the Academy
Award-winning documentary feature “The Times of Harvey Milk” (1984), directed by
Rob Epstein and produced by Richard Schmiechen. “Milk” will be the first
non-documentary feature to explore the man’s life and career.</p>
<p> </td>
</tr>
<tr>
<td width="106" height="418" align="center" valign="top"> <img src="http://www.flixreviews.net/images/punisherwarzone.jpg" width="135" height="189" /></td>
<td width="326" align="left" valign="top"><span class="MovieHeader">
<span class="moviedescript">
<p class="details">
<br />
<br />
Punisher: War Zone<br />
Genre: Action | Crime | Drama | Thriller<br />
Runtime: 103 min<br />
Directed By: Lexi Alexander<br />
Starring: Ray Stevenson, Dominic West, Doug Hutchison<br />
Trailer / Preview: <a href="http://www.youtube.com/watch?v=4qttbpPvOwI" target="_blank">
Click Here</a><br />
</p>
<p class="details">After hunting down and killing hundreds of violent criminals,
Frank Castle, aka The Punisher, faces his most deadly foe yet: Jigsaw.</p>
<p class="details"> </p>
<p class="details"><br />
<br />
Punisher (2004)</p>
</td>
</tr>
<tr>
<td width="106" height="466" align="center" valign="top"> <img src="http://www.flixreviews.net/images/punisher.jpg" width="139" height="182" /></td>
<td width="326" align="left" valign="top"><span class="MovieHeader">
<span class="moviedescript">
<p class="details"><br />
Genre: Action | Crime | Drama | Thriller<br />
Runtime: 124 min<br />
Directed By: Jonathan Hensleigh<br />
Starring: Thomas Jane, John Travolta<br />
Trailer / Preview: <a href="http://www.youtube.com/watch?v=yOIIFtcXsDI" target="_blank">
Click Here</a> </p>
<p class="details">After his wife and family are killed, G-Man Frank Castle
takes it upon himself to distribute punishment to those responsible for the
vendetta.</p>
<p> </td>
</tr>
<tr>
<td width="106" height="387" align="center" valign="top">
<p><img src="http://www.flixreviews.net/images/rolemodels.jpg" width="137" height="202" longdesc="http://www.flixreviews.net/images/" /> </p></td>
<td width="326" align="left" valign="top"><span class="MovieHeader">
<span class="moviedescript">
<p class="details"> Role Models<br />
<span class="details">Genre: Comedy <br />
Runtime: 1hr41mins <br />
Directed By: David Wain <br />
Starring: Paul Rudd, Seann William Scott, Christopher Mintz-Plasse,
Jane Lynch<br />
Trailer / Preview: <a href="http://www.youtube.com/watch?v=wtFESEqa9fA" target="_blank">
Click Here</a> </span></p>
<p class="MovieHeader">Paul Rudd and Seann William Scott star in Role
Models as Danny and Wheeler, two salesmen who trash a company truck
on an energy drink-fueled bender. Upon their arrest, the court gives
them a choice: do hard time or spend 150 hours with a mentorship
program. After one day with the kids, however, jail doesn’t look
half bad. Once the center’s ex-con director (Jane Lynch) gives them
an ultimatum, Danny and Wheeler are forced to tailor their brand of
immature wisdom to their charges, Augie (Christopher Mintz-Plasse)
and Ronnie (Bobb’e J. Thompson). And if they can just make it
through probation without getting thrown in jail, the world’s worst
role models will prove that, sometimes, it takes a village idiot to
raise a child.</p></td>
</tr>
</table>
<p> </p></td>
<td><img src="spacer.gif" width="1" height="639" border="0" alt="" /></td>
</tr>
</table>
<blockquote> </blockquote>
</body>
</html>
|
That is your table the frame anyway.
Try that it should work for both browsers
Last edited by MofoDog; 03-10-2009 at 12:19 AM..
|
|
|
|
|
« Reply to Help - Internet Explorer and Firefox display
|
|
|
| Thread Tools |
Search this Thread |
|
|
|
Posting Rules
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
|
|
|
|
