Sent by IChao on 29 October 2004 10:10
Dave Hooper wrote:
....
> http://www.longwood.edu/president/presidency/biography-test.htm
>
> If you view the page in a mozilla browser and resize the text to a
> larger size, the right (grey) border of each of the drop down menu links
> below the header don't extend all the way (if the text doesn't wrap to a
> new line).
Dave,
the floats can't know the height of the neighbors.
I would suggest a background-image solution (since you're using px-fixed
lengths, stopping the wrapping via white-space:nowrap; does not make
sense), faking the delimiting border-right:
navbarbgr.png (.gif)
w:164px h:50px
filled with #ffffdd
a vertical 1px line at the right in #cccccc
> .dropdownmenu_wrap ul {
> position: relative;
> padding: 0 0 0 4px;
> margin: 0 0 0 0;
> list-style: none;
> border-bottom: 1px solid #CCC;
> border-left: 1px solid #CCC;
/*background: #FFFFDD;*/
background: right url("yourpath/navbarbgr.png")
> height: auto;
> float: left;
> }
> .dropdownmenu_wrap ul li {
> float: right;
> clear: left;
> display: inline;
> position: relative;
> width: 147px;
> padding: 0 0 0 0;
> margin: 0 0 0 0;
> border: 0;
> text-align:left;
/*border-right: 1px solid #CCC; */
> }
Ingo
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/