14 replies [Last post]
relooped
Offline
newbie
melbourne.au
Last seen: 17 years 3 weeks ago
melbourne.au
Joined: 2004-11-09
Posts: 10
Points: 0

Hi,

I'm having problems with my website showing up properly in IE.

http://www.kodadesign.com.au

There is a huge white space in between the top menu and the image. I'm not sure how to get rid of it...

Help please!

karinne
karinne's picture
Offline
Enthusiast
Aylmer, QC, Canada
Last seen: 14 years 23 weeks ago
Aylmer, QC, Canada
Timezone: GMT-5
Joined: 2004-01-14
Posts: 291
Points: 0

unwanted white spaces in IE... please help!

ok... first of all, you're missing a float: left; to you #content id and remove the left margin of 200px. so... it should look like this

#contents  {
	float: left;
	width: 505px;
	margin: 0 0 40px 0px;
}

then... you need the box model hack for IE on the #menu since you have a padding of 14px. so... it should look like this

#menu {
  float: right;
  width: 165px;
  border-left: 1px solid #000000;
  padding-left: 14px;
}

*html #menu {
  width: 151px;
  w\idth: 165px;
} 

for more info on the box model hack - http://www.sitepoint.com/forums/showpost.php?p=1239961&postcount=1

relooped
Offline
newbie
melbourne.au
Last seen: 17 years 3 weeks ago
melbourne.au
Joined: 2004-11-09
Posts: 10
Points: 0

unwanted white spaces in IE... please help!

thanks so much, that worked perfectly...

:oops: but now the footer is out of wack! any suggestions?

karinne
karinne's picture
Offline
Enthusiast
Aylmer, QC, Canada
Last seen: 14 years 23 weeks ago
Aylmer, QC, Canada
Timezone: GMT-5
Joined: 2004-01-14
Posts: 291
Points: 0

unwanted white spaces in IE... please help!

ooops.... sorry about that :oops:

just add a <br style="clear: both;"> before your footer.

<p>We don’t just create for new media, but for printed media also. The company founder comes from a web development and graphic design background and has spent just over 8 years producing websites. Currently is studying Business/Marketing.</div>

</div>
<br style="clear: both;" />    <--------------------------------------
<div id="footer">copyright &copy; koda design 2004 | made with love&trade;</div>

</div>

</body>
</html>

relooped
Offline
newbie
melbourne.au
Last seen: 17 years 3 weeks ago
melbourne.au
Joined: 2004-11-09
Posts: 10
Points: 0

unwanted white spaces in IE... please help!

thank you so much Smile I really appreciate your help.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 46 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

unwanted white spaces in IE... please help!

I'm confused here, I'm looking at a site offering Web design/development services with blurb that claims the "company? founder" as having eight? years experience producing web sites and yet your asking for some really basic help to correct your own web site code.
How are you going to cope when when you land some real clients/projects??
Sort of beggars belief really. :roll:

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

relooped
Offline
newbie
melbourne.au
Last seen: 17 years 3 weeks ago
melbourne.au
Joined: 2004-11-09
Posts: 10
Points: 0

unwanted white spaces in IE... please help!

I've been making websites since I was 12. In the last couple of years I have been neglectic designing websites and mainly doing graphic design. Recently I have decided to go back to doing web design on the side again.

CSS is something new to me , and I am still learning, certain things I don't quite understand, and I might not realise something simple is missing. If you want to pick that apart that's ok.

At the moment I am still mainly involved with graphic design for print, and am making this website while learning more about CSS and web standards.

How are people meant to learn, if they don't ask?

As for having real clients/projects, I have. They just never cared about CSS or web standards, and neither have I, until now.

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 5 weeks 5 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

unwanted white spaces in IE... please help!

Hi relooped,
There are many web desingers/developers who still haven't started learning CSS.

Some looked at CSS in the early days and saw it fail in so many browsers.
Others just haven't had the need or desire to learn new skills.

These days more and more are making the move as it is easy to see the benefits.

I hope we can help you learn CSS here.

relooped
Offline
newbie
melbourne.au
Last seen: 17 years 3 weeks ago
melbourne.au
Joined: 2004-11-09
Posts: 10
Points: 0

unwanted white spaces in IE... please help!

thanks tony Smile

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 46 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

unwanted white spaces in IE... please help!

Upon reflection my remarks were hasty and far too sharp and I offer my apologies.
Your points are noted and one can't learn unless one asks and you will find much in the way of good quality help on this forum, please don't be put off by one old cantankerous git who's opinions are not those of the masses Smile

FWIW not that you should care for my opinion any longer Smile the site looks good, clean and fresh.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

relooped
Offline
newbie
melbourne.au
Last seen: 17 years 3 weeks ago
melbourne.au
Joined: 2004-11-09
Posts: 10
Points: 0

unwanted white spaces in IE... please help!

Hugo: thanks for your apology, it is rare and refreshing. The internet is quite too often used by people wanting to cause trouble and be mean to others (I have been known to be hasty and sharp myself).

However, as I was posting my question, I actually did consider the irony (though, not as critically Tongue).

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 46 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

unwanted white spaces in IE... please help!

Thank you for the gratuitous acceptance,
usually! you will not find trouble makers on this forum :oops:
In feeble mitigation of my actions, there have been minor issues of late with one or two posts, but that is not offered as an excuse.
That you saw the irony of the post yourself says a lot.
As before you will find a very helpful and knowledgeable bunch here and one of the more active boards around for this subject, and I bid you welcome.

I remain humbled,

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

relooped
Offline
newbie
melbourne.au
Last seen: 17 years 3 weeks ago
melbourne.au
Joined: 2004-11-09
Posts: 10
Points: 0

unwanted white spaces in IE... please help!

well, all that mushy stuff aside Wink

Erm, I broke my website again. I didn't change anything I swear!!! Well, maybe I did but I don't know what. :/

There is still a space between the header and the top menu in IE....

please help!

http://www.kodadesign.com.au

edit: And the right border next to the text doesn't meet the footer, in IE or in Firefox!!!!!!! *cries*

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 46 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

unwanted white spaces in IE... please help!

relooped, I can't see a gap in the header in either FF or IE6, has that been fixed?
The reason the border is not meeting the bottom is that you have a 40px margin on the bottom of the #contents div which is forcing the gap, try removing it and putting a margin bottom on the #content p rule instead.

Hope that helps,

Hugo.

EDIT: Just noticed a problem in IE; the right float menu is pushing the image down you may want to consider removing the left border as it's largely unnecessary and/or reducing the left padding on it.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

relooped
Offline
newbie
melbourne.au
Last seen: 17 years 3 weeks ago
melbourne.au
Joined: 2004-11-09
Posts: 10
Points: 0

unwanted white spaces in IE... please help!

thank you so much, everything seems to be working now!!!!

Laughing out loud Smile Cool Wink :roll: