CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed Forums > Web Design > CSS Help
Reload this Page

IE 5.x mac CSS display help needed

Discuss IE 5.x mac CSS display help needed in the CSS Help forum on Dev Shed.
IE 5.x mac CSS display help needed Cascading Style Sheets (CSS) forum discussing all levels of CSS, including CSS1, CSS2 and CSS Positioning. CSS provides a robust way of applying standardized design concepts to your web pages.

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old November 20th, 2003, 12:48 PM
oluckboy oluckboy is offline
Junior Member
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Nov 2003
Posts: 6 oluckboy User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
IE 5.x mac CSS display help needed
Hey,
I'm doing smash and grab facelift on one of my schools websites and did the whole thing in CSS and xhtml. It works exactly as expected accept in mac 5.x. In mac the nav bar on the right always appears at the top of the main div. I'm assuming this is the bug i've read about with nesting divs that exists in IE mac, but i'm wondering if anyone here has a good fix to this. I realize i could probably make all my positioning absolute, but i liked haveing the page centered and have tried to avoid any JS on this page.

i have the site temp hosted at...
the site

the html...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>StuCo :: Student College</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="attributes/StuCoLayout.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="main">
<iframe name="content" scrolling="yes" allowtransparency="true" id="content" src="content/welcome.htm" frameborder="0"></iframe>
<div id="nav">
<a href="content/welcome.htm" target="content">welcome</a>
<a href="content/take.htm" target="content">take a course</a>
<a href="content/teach.htm" target="content">teach a course</a>
<a href="content/join.htm" target="content">join StuCo</a>
<a href="content/catalog.htm" target="content">course catalog</a>
<a href="content/dates.htm" target="content">important dates</a>
<a href="content/faq.htm" target="content">frequently asked questions</a>
<a href="content/about.htm" target="content">about StuCo</a>
<a href="content/contact.htm" target="content">contact us</a>
</div>

</div>


</body>
</html>

and the positional style sheet...

html, body{
background-color: #000000;
}

#main{
background-image:url(background.jpg);
background-repeat: no-repeat;
height: 545px;
width: 573px;
position:static;
margin-right:auto;
margin-left:auto;
margin-top:20px;
padding:0px;
display:block;
}

#content{
height: 400px;
width: 411px;
float:left;
margin-left:20px;
margin-top:122px;
padding:0px;
z-index: 100;
filter: chroma (color=#6B761E);
clear:both;
}

#nav{
height:400px;
width: 109px;
margin-top:122px;
margin-right:9px;
float:right;
padding: 0px;
font:12px Verdana, sans-serif;
}

html>body #nav{
margin-right:18px;
}

#nav a {
display: block;
text-align: right;
font: normal 12px Verdana, sans-serif;
padding: 5px 5px;
text-decoration: none;
color: #000000;
border-top: 0px;
border-right: 10px solid #E6DAB8;
border-bottom: 1px solid #000000;
}
#nav a:hover {

color: #000000;
background: #C08E70;
border-right: 10px solid #A82B24;
}


thanks,

ben

[edit: repaired the link.. made a name change on my primary file]
Last edited by oluckboy : November 21st, 2003 at 01:44 AM.
Reply With Quote
  #2  
Old November 20th, 2003, 06:38 PM
oluckboy oluckboy is offline
Junior Member
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Nov 2003
Posts: 6 oluckboy User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
no one has any idea?
Reply With Quote
  #3  
Old November 20th, 2003, 11:13 PM
kk5st's Avatar
kk5st kk5st is offline
Thanks Johnny Hart (BC) R.I.P.
Dev Shed Demi-God (4500 - 4999 posts)
  
Join Date: May 2003
Location: Dallas
Posts: 4,526 kk5st User rank is Colonel (50000 - 60000 Reputation Level)kk5st User rank is Colonel (50000 - 60000 Reputation Level)kk5st User rank is Colonel (50000 - 60000 Reputation Level)kk5st User rank is Colonel (50000 - 60000 Reputation Level)kk5st User rank is Colonel (50000 - 60000 Reputation Level)kk5st User rank is Colonel (50000 - 60000 Reputation Level)kk5st User rank is Colonel (50000 - 60000 Reputation Level)kk5st User rank is Colonel (50000 - 60000 Reputation Level)kk5st User rank is Colonel (50000 - 60000 Reputation Level)kk5st User rank is Colonel (50000 - 60000 Reputation Level)kk5st User rank is Colonel (50000 - 60000 Reputation Level)kk5st User rank is Colonel (50000 - 60000 Reputation Level) 
Time spent in forums: 1 Month 1 Day 19 h 47 m 28 sec
Reputation Power: 584
Please allow more than 6 hrs. This is not paid support. Besides, there are probably not a whole lot of IE5.x/Mac users. Give it a chance to go through everyone's daily cycle.

Secondly, if you have a suspicion, have you researched it? STFW.

Thirdly, I'm feeling like be nice to the Mac guy. So, look at this and this.

cheers,

gary
__________________
There are those who manage to build a web site without knowing what they're doing; thereby proving to themselves they do, indeed, know what they're doing.

Ask a better question, get a better answer.
Reply With Quote
  #4  
Old November 21st, 2003, 12:12 AM
oluckboy oluckboy is offline
Junior Member
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Nov 2003
Posts: 6 oluckboy User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
i actually sorted it out.. i swapped the top-margin of the nav and content cells for top-padding of the main cell and now everything seems to be working out fine. Not sure why IE mac was rendering it wrong, but that fixed it.

The above post was really just shameless bumping on my part.

and i'm anything but a mac guy, but all unfortunately i can't make everyone follow my creed of PCs and firebird so i do my best to make it cross browser compatible..
Reply With Quote
  #5  
Old November 21st, 2003, 12:39 AM
kk5st's Avatar
kk5st kk5st is offline
Thanks Johnny Hart (BC) R.I.P.
Dev Shed Demi-God (4500 - 4999 posts)
  
Join Date: May 2003
Location: Dallas
Posts: 4,526 kk5st User rank is Colonel (50000 - 60000 Reputation Level)kk5st User rank is Colonel (50000 - 60000 Reputation Level)kk5st User rank is Colonel (50000 - 60000 Reputation Level)kk5st User rank is Colonel (50000 - 60000 Reputation Level)kk5st User rank is Colonel (50000 - 60000 Reputation Level)kk5st User rank is Colonel (50000 - 60000 Reputation Level)kk5st User rank is Colonel (50000 - 60000 Reputation Level)kk5st User rank is Colonel (50000 - 60000 Reputation Level)kk5st User rank is Colonel (50000 - 60000 Reputation Level)kk5st User rank is Colonel (50000 - 60000 Reputation Level)kk5st User rank is Colonel (50000 - 60000 Reputation Level)kk5st User rank is Colonel (50000 - 60000 Reputation Level) 
Time spent in forums: 1 Month 1 Day 19 h 47 m 28 sec
Reputation Power: 584
Forgot to mention that your link seems broken--404 error. If you've taken it down, you might edit the post to reflect that.

Seems like an elegant hack. Don't think it would have occured to me. I don't know how it would be a problem, but remember that margins are transparent, while padding is the background color of its container.

cheers,

gary
Reply With Quote
Reply

Viewing: Dev Shed Forums > Web Design > CSS Help > IE 5.x mac CSS display help needed

« Previous Thread | Next Thread »

Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Linear Mode Linear Mode
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 6 hosted by Hostway.