Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Rhinorhino on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

IE is broken and I don't know why!

Status
Not open for further replies.
cattsy82

cattsy82

Technical User
Joined
Dec 1, 2005
Messages
2
Location
CA
Hi everyone,


THis is a page I have been hired to do, and I can't figure out what's gone wrong. It displays perfectly in FireFox but in IE my middle part and bottom go wheeeeee over to the right.

If I take out the divs, it displays fine (and just have my content on dark purple) I even tried using tables instead of DIV's and had the same problem occur.

Can anyone help me in fixing this? I'm an old school basic HTML user that has only been playing with CSS for about a year.

Any assistance would be greatly appreciated as I'd really like to have it look the way I want to. I've been fighting with this code for three days and haven't gotten anywhere. I'm about ready to scrap it all lol.
 
Sort by date Sort by votes
Did you fix it? I'm looking at it in IE6 and it looks fine to me.

Dave


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
O Time, Strength, Cash, and Patience! [infinity]
 
Upvote 0 Downvote
Dude, it is really hard to help you when you keep changing your site. Right now it looks the same in IE and FF.
 
Upvote 0 Downvote
Hmm, I decided not to mess with the table, so here is a non-tablke version that appears to work. Only added a few lines of CSS and there is still some stuff in there I would clean up, but I think it's what your looking for. Also had to replace links and such with full addresses to the website for images and such, so it should work for others also:
Code: 
<html>
<!--  Created with the CoffeeCup HTML Editor  -->
<!--        [URL unfurl="true"]http://www.coffeecup.com/[/URL]         -->
<!--     Brewed on 06/11/2005 3:39:39 PM      -->
<head>
  <title> Justice, American Cocker Spaniels in Gig Harbor WA</title>
  <link rel="stylesheet" type="text/css" href="justice.css" />
  <style>
	.content{
		width: 800px;
		margin-top: 40px;
	}
	.content_area{
		background-color: #660099;
	}
  </style>
</head>
<body>
<center>
<div class="content">
	<div class="topr1"></div>
	<div class="topr2"></div>
	<div class="topr3"></div>
	<div class="topr4">
		<img src="[URL unfurl="true"]http://www.justicecockers.com/images/space.jpg"[/URL] width="3" height="22" alt="" border="0">
		<a href="aboutus.html"><img src="[URL unfurl="true"]http://www.justicecockers.com/images/aboutus.jpg"[/URL] width="79" height="25" alt="" border="0"></a>
		<img src="[URL unfurl="true"]http://www.justicecockers.com/images/space.jpg"[/URL] width="3" height="22" alt="" border="0">
		<a href="boys.html"><img src="[URL unfurl="true"]http://www.justicecockers.com/images/boys.jpg"[/URL] width="79" height="25" alt="" border="0"></a>
		<img src="[URL unfurl="true"]http://www.justicecockers.com/images/space.jpg"[/URL] width="3" height="22" alt="" border="0">
		<a href="girls.html"><img src="[URL unfurl="true"]http://www.justicecockers.com/images/girls.jpg"[/URL] width="82" height="25" alt="" border="0"></a>
		<img src="[URL unfurl="true"]http://www.justicecockers.com/images/space.jpg"[/URL] width="3" height="22" alt="" border="0">
		<a href="puppies.html"><img src="[URL unfurl="true"]http://www.justicecockers.com/images/puppies.jpg"[/URL] width="72" height="25" alt="" border="0"></a>
		<img src="[URL unfurl="true"]http://www.justicecockers.com/images/space.jpg"[/URL] width="3" height="22" alt="" border="0">
		<a href="candids.html"><img src="[URL unfurl="true"]http://www.justicecockers.com/images/candids.jpg"[/URL] width="72" height="25" alt="" border="0"></a>
		<img src="[URL unfurl="true"]http://www.justicecockers.com/images/space.jpg"[/URL] width="3" height="22" alt="" border="0">
		<a href="links.html"><img src="[URL unfurl="true"]http://www.justicecockers.com/images/links.jpg"[/URL] width="56" height="25" alt="" border="0"></a>
	</div>
	<div class="content_area">
		<div class="sidebox">
			<div class="boxhead"><h2></h2></div>
			<div class="boxbody">
				<center><img src="[URL unfurl="true"]http://www.justicecockers.com/images/wel.jpg"[/URL] width="375" height="125" alt="" border="0"></center>
				<p>Glad you found our home on the web! Justice is a small kennel located in Gig Harbor Washington. Justice is a combination of two kennels, previously known as Dakkov and Redforrest. To find out more about how Justice came to be, please check out our About Us page.</p> 
				<br><br>
				<p>We here at Justice Currently breed the merry American Cocker Spaniel. Feel free to browse our pages to see our dogs, and check out our puppies page for upcoming litters. </p>
				<br /><br />
				<center><font>Please also visit our Rainbow Bridge page, for a special tribute</font></center>
			</div>
		</div>
		<a href="bridge.html">Rainbow Bridge</a><br/>
	</div>
	<div class="topr4"></div>
	&copy; 2005 Justice. Webdesign by <a href="mailto:teandros@shaw.ca">TNT Graphics</a>
	<br>
	<a href="bridge.html">Rainbow Bridge</a> | <a href="aboutus.html">About Us</a> | <a href="boys.html">Boys</a> | <a href="girls.html">Girls</a> | <a href="puppies.html">Puppies</a> | <a href="candids.html">Candids</a> | <a href="links.html">Links</a>
</div>
</center>
</body>
</html>

At this point you should be able to go back and clean up your CSS. You had a few places where you had errors (such as the bgcolor attribute that doesn't exist). Plus it looks like you had eariler had another version and changed it a bit to what it is now, so you may be able to back up a bit. Hope this helps,

-T

barcode_1.gif
 
Upvote 0 Downvote
Thanks guys, finally after much trial an error and some help from a friend I figured out it has something to do with my <p> tags and my text-indent attribute and IE not playing nicely. What a great forum though I'm glad I found you guys.

I'm still learning and this will be a great resource... thanks guys.

*hugs*
Trina
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

cae154
  • Locked
  • Question Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
1K
spamjim
spamjim
lmcate
  • Locked
  • Question Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
540
lmcate
lmcate
scorney
  • Locked
  • Question Question
background image with overlay which Hover when over a specific Area/Form
Replies
1
Views
1K
3esolar
3
PeDa
  • Locked
  • Question Question
Horizontal rule and CSS problem
Replies
2
Views
1K
PeDa
PeDa
PeDa
  • Locked
  • Question Question
Media query: display = none/inline/block
Replies
1
Views
1K
PeDa
PeDa

Part and Inventory Search

Sponsor

Back
Top