floats adding up to 100%
Posted: Fri Aug 04, 2006 10:09 pm
anytime i have floating divs that add up to 100%, the last div always breaks off and goes to a new line
for instance, this.. I had to make add up to 99% so it wouldn't break to the next line.
When combined with a mouseover color change on the div that's 1% less than what it should be, it adds up to an ugly effect! is there a way around this?
[edit]
Seen here: http://65.29.93.164/freegrabbag/
on the last "nav button"
for instance, this.. I had to make add up to 99% so it wouldn't break to the next line.
Code: Select all
.navButton {
/* Size Properties */
height: 30px;
width: 20%;
/* Float */
float: left;
/* Text Align */
text-align: center;
/* Border Properties */
border-right: solid 1px #000000;
}
.navButtonR {
/* Size Properties */
height: 30px;
width: 19%;
/* Float */
float:left;
/* Text Align */
text-align: center;
}
[edit]
Seen here: http://65.29.93.164/freegrabbag/
on the last "nav button"