Jump to content

Recommended Posts

Guest jiventura89
Posted

Hi everybody. I'm very new to HTML/CSS so please bear with the ugly code =/

 

Here is the website I am working on:

 

http://ucbcki.org

 

Now, my problem is: in Chrome, Firefox, and Safari, my web page displays right (it's cut off just after the footer image). In Internet Explorer, however, there's this huge empty black space I can't seem to fix.

 

I heard this can come as a result of using relative positioning in IE (Internet Explorer compensates for your adjustments to an element?) I'm not sure, and I don't know what to do about it.

 

My code is a mess and involves so many stylesheets, so I won't post it just yet. Maybe it's that relative positioning thing.

 

Thank you!

Posted (edited)

I've deleted my first post because I checked without ActiveX enabled and the page was very different (it just shows how important it ios to check how your page looks with javascript/ActiveX disabled).

Edited by Wickham
Posted

Check you code - you have two head sections:

 

......

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>UC Berkeley Circle K - Experience the Thrill of Service.</title>
</head>

<body>
<div id="container">

<div id="login" style="height: 41px;width: 640px; float: left; background-image:url(thrill/banner0.jpg);background-repeat: no-repeat; background-position:22px 0px; padding-left: 310px;">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>University of California, Berkeley - Circle K International - Navigation</title>

.......

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...