Hi everyone.. I have a question.
On This page, why is it that my url in the 2nd row of the 2nd column exceeds the width of the div that it's in? I am completely confused by this behavior (atleast what firefox is showing me when i shrink my browser window width).
I have experimented with giving that anchor element a width in the stylesheet.. and it ignores it.. I can change the text size, color, etc-- but for some reason width is not being affected as the url continues to overflow into the next floating .scheduleiconholder div.
#content .schedulebox p.scheduletext a {
color: red;
width: 100px;
margin: 0;
padding: 0;
font-size: 10pt;
letter-spacing: 0px;
position: relative;
clear: both;
border:1px solid green;
}
Firefox and other browsers
Firefox and other browsers will always let longer content flow outside the confines of their container. Because there's no breaks in the text, it doesn't matter what width you set. The solution in your case, is to probably enter shorter link text e.g.:
Ah.. Understood. thank you
Ah.. Understood.
thank you for the explanation.
-patrick