Sent by Gary Bland on 5 July 2002 21:09
Scott Sauyet wrote:
>>>It seems to be a combination of Standards Mode, a div with a margin-right
>>>specified in percent, and a link with :hover in a right-floated div.
>>
>>I have been experiencing the same problem today. Margins do not have
>>anything to do with it, as far as I can tell. [ ... ]
>
>
> Do you hava URL, or sample code? When I remove the margin-right from the
> DIV in the code at http://scott.sauyet.name/CSS/Demo/IEshift.html, the
> problem goes away. It also disappears if I move the margin out from the
> DIV and place it on the BODY.
>
> Of course, if, as Tuttle suggests, this is browser-installation-specific,
> then we're never going to make more progress on this!
>
> -- Scott
>
Hi Scott,
Sorry for not replying earlier but it seems that the fireworks from
last night have moved to the inside of my head today.
I can't put anything up right now. My host is moving my site to a new
server and I am not moving anything from the old site except for the db
tables, it has been up since 98. I have posted some of the code below.
I tried removing the margin and that didn't work. I also tried removing
the h1 and it's div and that didn't wok. What I did do is add top and
bottom borders to the containing division (#nav) for the menu and it is
collapsing, that may be the problem. Although it does make for a nice hr
look. I don't know what is going to happen to the code in the mail.
.mn is the buttons.
#contain is the main division.
#nav is the division containing .mn
#holder is the container for the h1.
CSS
.mn{
margin-right:3px;
background-color: #FAE6F0;
border-bottom:2px outset #444444;
border-left:2px outset silver;
border-right:2px outset #444444;
border-top:2px outset silver;
color:#000000;
font-size:10px;
font-weight:700;
text-align:center;
width:60px;
}
.mn a{
color:#000000;
display:block;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:700;
text-decoration:none;
width:60px;
}
.mn a:link{
background-color: #FAE6F0;
color:#000000;
}
div.mn a:hover{
background-color: #E6FAFA;
font-family:Verdana,Arial,Helvetica,sans-serif;
text-decoration:none;
}
}
#content{
background-color:#FFF9F0;
border:outset 1px #990066;
margin-left:auto;
margin-right:auto;
margin-top:2%;
padding:15px;
width:90%;
}
#mid{
height:60px;
margin-left:50%;
margin-right:50%;
width:95%;
z-index:2;
}
#nav{
margin-bottom:8px;
border:solid 1px #000000;
}
#holder{
width:58%;
margin-top:5px;
clear:both;
}
HTML
<div id="content"> <img alt="Graphic of logo Nemesis"
src="images/nemlogo.gif" width="400"
height="100" />
<div id="nav">
<div id="btn1" class="mn" style="float:left;
margin-left:40px;">
<a href="#">CSS</a>
</div>
<div id="btn2" class="mn" style="float:left;">
<a href="#">XHTML</a>
</div>
<div id="btn3" class="mn" style="float:left;">
<a href="#">CMS</a>
</div>
</div>
<div id="pic">
<h1>
Welcome to The Nemesis Project
</h1>
<b>Nemesis</b><br />
Pronunciation: 'ne-m&-s&s<br />
1 capitalized : the Greek goddess of retribution.
</div>
Gary
