Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

Scooby_Doo

macrumors member
Original poster
Apr 5, 2005
83
0
Chicago
Hey everybody,

I am currently working on a simple Website for a Thai University's Informatics Department. Right now I am using CSS for layout, and both the HTML and CSS are valid.

Everything works fine in Safari, Netscape, and Firefox, but in Mac IE and Windows IE it appears not to load correctly.

[Edit] from earlier post
The page is a standard set up with a top row navigation bar, and two bottom colums. It is designed using <div> tags. It is suppose to render all together top down, but in IE for Windows or Mac the <div>'s are spread all over the page, far apart, as if they have no {margin:} commands applied.

Thanks a lot.

Website: http://portfolio.iu.edu/tosdieme/informatics/index.html
CSS : http://portfolio.iu.edu/tosdieme/informatics/informatics.css[Edit] From Earlier Post
 

mnkeybsness

macrumors 68030
Jun 25, 2001
2,511
0
Moneyapolis, Minnesota
I don't have access to either Internet Explorer at the moment, but I prefer not to use the display: inline; for li tags in a horizontal nav...

Code:
#nav ul { height: 20px; }
#nav li {
float: left;
width: 150px;
height: 20px;
margin: 0;
}

Or something to that effect. Just remember to set a height on the enclosing ul tag.
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.