4 replies [Last post]
mjmilan
Offline
newbie
Yorkshire, England
Last seen: 15 years 35 weeks ago
Yorkshire, England
Joined: 2004-05-21
Posts: 3
Points: 0

I'm trying to get into site design, and being of a mind that things ought to be done properly, I'm deliberately moving down a XHTML1.1/CSS route.

I've set up a personal site which I intend to muck about with, and use to test various ideas before trying to use them for anyone else. The address for the site is www.mjmilan.com

My problem is this - if you view the site in FireFox, all is well. Both the XHTML and the CSS validate, so you'd expect everything to be peachy... Unfortunately however, if you view the page using Internet Explorer (as 90% of the people out there seem determined to do) then you soon find yourself missing the left hand bar.

My question is both short and simple (much like myself!) - why?

mjmilan

Daybreak_0
Offline
Enthusiast
Sydney, Australia
Last seen: 16 years 10 weeks ago
Sydney, Australia
Timezone: GMT+10
Joined: 2003-11-15
Posts: 389
Points: 0

What gives with IE?

Validation does not ensure that the code is correct, just that the code has the correct syntax.

For example, in your CSS you have this

.left_menu{
background-color: #bce0b5;
position: absolute;
width : 10em ;
float: left;
top: 0%;
bottom: 0%;
text-align: center;
}

For which the syntax is correct and so would validate, but -
You have postioned the menu Absolutely, yet also have a float: left;
Get rid of float: left;

for

.main{
position: static;
margin-left: 11em;
float: right;
top: 0%;
bottom: 0%;
min-height: 100%;
}

Again you have postion: static , but then are floating the div float: right; Make position: relative; and get rid of float: right. Also make margin-left: 10em to match the width of the menu. And finally get rid of min-height: 100% as IE does not recognise it (you may have to find some other way to do it depending on what you are trying to achieve.

Anyway will get you started

Regards
Day

The only way to learn is to do it yourself

mjmilan
Offline
newbie
Yorkshire, England
Last seen: 15 years 35 weeks ago
Yorkshire, England
Joined: 2004-05-21
Posts: 3
Points: 0

What gives with IE?

Thanks for looking at that Daybreak...

I've followed your advice, but I'm now left with the left bar positioned horizontally where I would have expected the main div to be...

I'll keep looking at it Shock(

mjmilan.

mjmilan
Offline
newbie
Yorkshire, England
Last seen: 15 years 35 weeks ago
Yorkshire, England
Joined: 2004-05-21
Posts: 3
Points: 0

What gives with IE?

I think what I really need to know is why the left menu isn't displaying under IE. I've even tried playing with the z-order...

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 2 weeks 6 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

What gives with IE?

Hi mjmilan,
There's a couple of things you should look at.
Firstly remove the percentage values for top:0%; and bottom:0%.
Then decide if you want the column floated or positioned absolute, having both really isn't logical although if you float you may want to position:relative :?

If they don't help fix you problem start commenting out sections of your CSS until the menu shows and work back from that.

Hope that helps