Okay, so I recently made a new site, and had trouble in IE, so I thought id put a hack in it, can you tell me how it looks, cos to me, in my IE it looks fine, just wondered how it displayed for others...

 

http://www.ash-scott.freeiz.com/

 

Thanks

Ash

 

***EDIT***

 

Also, in FF, on the home page, if you scroll down, the text in my content div, overlaps the footer, so is there a fix for this?

 

HTML:

 

<div id="content">
<h1>Welcome To My Website</h1>
<center><h2>Hello and welcome to my website. My name is <em>Ash Scott</em> and I am a freelance <em>Front End Web Developer</em> based in Kent, UK.</h2></center>
<br />
<div class="clear">
<div class="features-1">
<ul>
<h1>What I can do for you and your website<h1>
<li>I will work with you to create a fully functional HTML/CSS website</li>
<li>I will implement different languages, to make your site stand out from the rest</li>
<li>I will make your site as user friendly as possible using a range of techniques</li>
</ul>
</div>
<div class="features-2">
<ul>
<h1>Why choose me? <h1>
<li>I offer affordable prices for web development packages</li>
<li>I will listen to your ideas, and advise as to what is best for you, not me</li>
<li>I will work with you, so that your site achieves its potential</li>
</ul>
</div>
</div>
</div>
<!--footer-->
<div id="footer-cont">
<div id="footer">
<a href="index.html">Home</a> | <a href="aboutme.html">About Me</a> | <a href="portfolio.html">Portfolio</a> | <a href="webdevelopment.html">Web Development</a> | <a href="contactme.html">Contact Me</a> <br /><br />  All content on this site remains the property of Ash Scott © </div>
</div>

 

CSS:

 

#footer-cont {
width: 100%;
height: 150px;
background-image: url(images/footer-bg.png);
}
#footer {
width: 1000px;
height: 150px;
padding: 20px;
margin: 0 auto;
color: #fff;
font-size: 12px;
text-align: center;
}
#footer a{
font-family: verdana;
font-size: 12px;
color: #fff;
text-decoration: none;
}
#footer a:hover {
color: #199db9;
}
#content {
width: 1000px;
height: auto;
margin: 0 auto;
padding: 20px;
clear: both;
}
#content h1 {
font-family: Arial;
color: #004a80;
font-size: 22px;
text-align: center;
text-shadow: #fff 1px 1px 1px;
}

 

Thanks again,

Ash

Edited December 16, 201015 yr by Ash Scott

In IE8 you seem to have a massive gap between the "Welcome to my website" text & the footer - almost a full page scroll is needed. - **Edit: Viewed in FireBug, you have 10 BR tags between your content div and footer_content div?!?

 

As for FF I can't see the overlap myself. Do you have any screenshots?

Edited December 16, 201015 yr by Bomb

Before you go much further, I should check in this validator which shows 16 errors and 4 warnings, a mixed bag of them and try to sort them out:-

http://validator.w3.org/

 

Your conditional comment for IE is wrong, it should be:-

<!--[iF IE]><style type="text/css">#featured div{display:
inline;}</style><![ENDIF]-->

Edited December 16, 201015 yr by Wickham

thanks wickham, Bomb, I have edited both in FF, when I upload the newer index page, you will see what I mean :S

Edited December 16, 201015 yr by Ash Scott

Are you bothered about ie6?

Up to you of course but here is a screenshot if it helps

for fat snake... Meh, its barely used so IE7 Up...

 

I have tried an inline CSS for the divs, but i dunno if it helped...

 

Also, you know you can do <!--[iF IE]></[END IF]-->, can u do the same for FF? if so, how?

 

Thanks again ppl,

 

Ash

In ie7...

yeah its like that in like, all IE's, and i hate it!

 

Probz:

 

IE: The featured stuff on the homepage is all out of place

FF: The content on the webpage, overlaps my footer

Before you change anything else, as Wickham said, validate your html.

Your using html5 DOCTYPE but using deprecated <center> tags in your mark up.

It's a real mixed bag tbh.

If i were you, I'd code to xhtml strict doctype, validate your mark up and go from there.

Before you change anything else, as Wickham said, validate your html.

Your using html5 DOCTYPE but using deprecated <center> tags in your mark up.

It's a real mixed bag tbh.

If i were you, I'd code to xhtml strict doctype, validate your mark up and go from there.

 

kk then, thanks for that, i only got a half day at aschool so i will do it when i get back

its a mess on ie 8 for me :/

 

good luck fixing it today

lol i hate IE i really do!

 

They use it at school, and i have been asking them since i started there to put FF on the computers, and now in my last year, they have put it on 5 computers in the whole school....Im not even in the room that has those 5 computers in it!