Page Doesnt Display Correctly

R

r3g

New Member
Let me start by saying I've searched the forum and didnt find the answer so sorry if this thread has been created before.

I recently updated my site. Its just a simple site I coded in Dreamweaver CS4. The problem is it displays just fine in my Opera browser but when I view it in IE7 or FireFox3 its all bad. How can I fix this? The help is much appriciated!

Here are some screenshots to show how they look in diff browsers..

Opera (displays correctly)
Opera-3.jpg


FF3
FF3-1.jpg


IE7
IE7-2.jpg
 
Last edited:
AusQB

AusQB

New Member
Some things work for certain browsers which don't work on others. Could we perhaps see some of your code?
 
conor

conor

New Member
There is a problem with your images in FF3 and IE. Try adding this to your CSS:

Code: 
img{
    border:none;
}

As for the other thing if you could show us some code we would be more able to judge. Or even a link if you have one?
 
R

r3g

New Member
Sorry im pretty newbie when it comes to coding.. Sorry I'm pretty newbie when it comes to coding. I created a CSS file with that no boreder code and added the line

<link rel="stylesheet" type="text/css" href="noborder.css" />
Click to expand...
before the body. It did nothing.. I also tried adding it into the body. Did I do it right?[/quote]



Heres the index code and link to the site

www.r3gmedia.com
<html>
<head>
<title>R3G Media</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<center>
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="Table_01" width="780" height="581" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="13"><a href="http://r3g-media.smugmug.com" target="_blank"><img src="http://www.webdesignforum.com/images/Background.gif" width="780" height="126" alt=""></a></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="http://www.webdesignforum.com/images/Template---No-Slice_02.gif" width="173" height="22" alt=""></td>
<td><a href="home.html" target="content"><img src="http://www.webdesignforum.com/images/Home.gif" width="85" height="12" alt=""></a></td>
<td rowspan="2">
<img src="http://www.webdesignforum.com/images/Template---No-Slice_04.gif" width="23" height="22" alt=""></td>
<td><a href="aboutme.html" target="content"><img src="http://www.webdesignforum.com/images/About-Me.gif" width="93" height="12" alt=""></a></td>
<td rowspan="2">
<img src="http://www.webdesignforum.com/images/Template---No-Slice_06.gif" width="30" height="22" alt=""></td>
<td><a href="photos.html" target="content"><img src="http://www.webdesignforum.com/images/Photograpy.gif" width="105" height="12" alt=""></a></td>
<td rowspan="2">
<img src="http://www.webdesignforum.com/images/Template---No-Slice_08.gif" width="29" height="22" alt=""></td>
<td><a href="digitalart.html" target="content"><img src="http://www.webdesignforum.com/images/Digital-Art.gif" width="91" height="12" alt=""></a></td>
<td rowspan="2">
<img src="http://www.webdesignforum.com/images/Template---No-Slice_10.gif" width="46" height="22" alt=""></td>
<td><a href="contactme.html" target="content"><img src="http://www.webdesignforum.com/images/Contact-Me.gif" width="86" height="12" alt=""></a></td>
<td colspan="2" rowspan="2">
<img src="http://www.webdesignforum.com/images/Template---No-Slice_12.gif" width="19" height="22" alt=""></td>
</tr>
<tr>
<td>
<img src="http://www.webdesignforum.com/images/Template---No-Slice_13.gif" width="85" height="10" alt=""></td>
<td>
<img src="http://www.webdesignforum.com/images/Template---No-Slice_14.gif" width="93" height="10" alt=""></td>
<td>
<img src="http://www.webdesignforum.com/images/Template---No-Slice_15.gif" width="105" height="10" alt=""></td>
<td>
<img src="http://www.webdesignforum.com/images/Template---No-Slice_16.gif" width="91" height="10" alt=""></td>
<td>
<img src="http://www.webdesignforum.com/images/Template---No-Slice_17.gif" width="86" height="10" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://www.webdesignforum.com/images/Template---No-Slice_18.gif" width="8" height="432" alt=""></td>

<td background="http://www.webdesignforum.com/images/Content.gif" width="763" height="409" alt="" colspan="11"><iframe name="content" src="home.html" height="405" width="761"></iframe></td>
<td rowspan="2">
<img src="http://www.webdesignforum.com/images/Template---No-Slice_20.gif" width="9" height="432" alt=""></td>
</tr>
<tr>
<td colspan="11">
<img src="http://www.webdesignforum.com/images/Template---No-Slice_21.gif" width="763" height="23" alt=""></td>
</tr>
<tr>
<td>
<img src="http://www.webdesignforum.com/images/spacer.gif" width="8" height="1" alt=""></td>
<td>
<img src="http://www.webdesignforum.com/images/spacer.gif" width="165" height="1" alt=""></td>
<td>
<img src="http://www.webdesignforum.com/images/spacer.gif" width="85" height="1" alt=""></td>
<td>
<img src="http://www.webdesignforum.com/images/spacer.gif" width="23" height="1" alt=""></td>
<td>
<img src="http://www.webdesignforum.com/images/spacer.gif" width="93" height="1" alt=""></td>
<td>
<img src="http://www.webdesignforum.com/images/spacer.gif" width="30" height="1" alt=""></td>
<td>
<img src="http://www.webdesignforum.com/images/spacer.gif" width="105" height="1" alt=""></td>
<td>
<img src="http://www.webdesignforum.com/images/spacer.gif" width="29" height="1" alt=""></td>
<td>
<img src="http://www.webdesignforum.com/images/spacer.gif" width="91" height="1" alt=""></td>
<td>
<img src="http://www.webdesignforum.com/images/spacer.gif" width="46" height="1" alt=""></td>
<td>
<img src="http://www.webdesignforum.com/images/spacer.gif" width="86" height="1" alt=""></td>
<td>
<img src="http://www.webdesignforum.com/images/spacer.gif" width="10" height="1" alt=""></td>
<td>
<img src="http://www.webdesignforum.com/images/spacer.gif" width="9" height="1" alt=""></td>
</tr>
</table>
</body>
</center>
</html>
Click to expand...
 
Last edited:
R

r3g

New Member
Edit:

I take that back the CSS code worked. The pixles still arent the same though so do I have to just cut the height down so that the scroll bar displays properly in all browsers?
 
Last edited:
AusQB

AusQB

New Member
r3g said:
Edit:

I take that back the CSS code worked. The pixles still arent the same though so do I have to just cut the height down so that the scroll bar displays properly in all browsers?
Click to expand...

I assume you're talking about the iframe in the photography page. The iframe dimensions are fine (although they should ideally be set to width:100% and height:100%), but the dimensions of the div that it is importing is fixed (height: 371px; width: 737px;). Set both of those dimensions to 100% and it will stretch to fit the table cell.
 
R

r3g

New Member
After doing that the images display right in FF and Opera but dont display at all in IE. Specifically when I set the div to 100%
 
Last edited:
R

r3g

New Member
Because i changed the div code back to the way it was before. Go look at the digital art section now in IE. The problem is only in IE, FF & Opera display it fine when set to 100&
 
AusQB

AusQB

New Member
r3g said:
After doing that the images display right in FF and Opera but dont display at all in IE. Specifically when I set the div to 100%
Click to expand...

Try what I said again, but set the min-height of the div (within the iframe) to a fixed height, say 400px.
 
You must log in or register to reply here.
Top