HTML Help

Started by Ooka August 22nd, 2009 11:05 PM
  • 661 views
  • 5 replies

Ooka

Cosmic

Age 30
Challenging The E4
Seen September 15th, 2022
Posted January 18th, 2020
2,621 posts
15.8 Years
It's not often I need to ask for help, but IE is killing me here.

http://pokenations.com/ooka/index.php

So, if you look at that in IE, the middle div is missing, however, it's fine in Firefox.

Here's my code:

<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 
<style type="text/css">
img{
border-style:none;
}
</style>
</head>
<body style="background: url(images/Untitled-1_01.png) top left repeat-x #f1f0f1;">
<center><a href="index.php"><img src="images/color_04.png"></a><br />
<a href="index.php"><img src="images/color_06.png"></a><a href="portfolio.php"><img src="images/color_07.png"></a><a href="request.php"><img src="images/color_08.png"></a><img src="images/image_08.png"><a href="about.php"><img src="images/color_10.png"></a><img src="images/image_10.png"><br />
<img src="images/apple_13.png">
<div style="width: 862px; background: url(images/image_13.png)top center repeat-y; margin-right: 1px;">
<div style="position: relative; left: 25px; text-align: left;">
<strong><b>My Aim</strong></b><br /><br />
<div style="border-left: 2px solid #6be400; font-family: tahoma; padding-left: 10px;"><i>My aim for web design is more of a graphical base than coding. I like to make a simple code layout, easily <br />editable, with graphics that give the layout a professional or artistic feel.</i></div><br />
<strong><b>Personal Disclaimer</strong></b><br /><br />
<div style="border-left: 2px solid #0084ff; font-family: tahoma; padding-left: 10px;"><i>I don't claim to be the best around, or even anywhere close, I just enjoy building websites, so I'd like to make <br />them for everyone. I have some of the cheapest prices around, so it shouldn't be hard for you to get a layout <br />for the money you payed. </i></div>
<br />
<strong><b>What You Can Expect</strong></b><br /><br />
<div style="border-left: 2px solid #ff0600; font-family: tahoma; padding-left: 10px;"><i>You can expect a fully functional website, appealing to the eye, and compatible to all the most popular <br />web browsers. You can also expect your request to be finished in 1-2 days for an extremely low price! </i>
 </div>
 </div>
</div>
<div style="margin-right: 1px;"><img src="images/image_15.png"></div>
</center>
</body>
</html>
Yeah it's messy, but I'm used to reading my own messy code, so what if it's a bit contradictory of my design objectives. XD
Age 31
Male
Minnesota
Seen March 31st, 2015
Posted April 26th, 2012
619 posts
17.5 Years
The middle div doesn't look missing. Because your content is all there. It is something with your background image that isn't showing up.

That's what it looks like to me. And why not make an actual stylesheet instead of cramming everything into styles? Also, don't use <center></center> use <div align="center"></div> it will make you look better in my opinion.

Ooka

Cosmic

Age 30
Challenging The E4
Seen September 15th, 2022
Posted January 18th, 2020
2,621 posts
15.8 Years
I always use the CSS inside the layout until I'm finished, then I move it all into an external stylesheet.

And it's not an image problem, in Firefox the image show up, it's just IE.

Ooka

Cosmic

Age 30
Challenging The E4
Seen September 15th, 2022
Posted January 18th, 2020
2,621 posts
15.8 Years
Nah, I've found the problem (Thanks to Manuel), I need a div around my div that's missing, as IE doesn't know what to display the div in.

Serene Grace

Pokémon Trainer

Age 28
Male
England
Seen September 25th, 2016
Posted December 31st, 2014
3,424 posts
14.1 Years
Nah, I've found the problem (Thanks to Manuel), I need a div around my div that's missing, as IE doesn't know what to display the div in.
I noticed that too and I was about to post it here. I agree with Tyler, you need to use the <div align></div> codes so that the main code can be a little bit more structured and easier to read.
Friend Code: 2251-6505-9781