2 replies [Last post]
patrickco
patrickco's picture
Offline
Enthusiast
Los Angeles
Last seen: 3 years 32 weeks ago
Los Angeles
Timezone: GMT-7
Joined: 2005-04-17
Posts: 157
Points: 12

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; }

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 2 weeks 5 days ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

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.:

www.expocalidaddevida.com/spin...2007.html

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

patrickco
patrickco's picture
Offline
Enthusiast
Los Angeles
Last seen: 3 years 32 weeks ago
Los Angeles
Timezone: GMT-7
Joined: 2005-04-17
Posts: 157
Points: 12

Ah.. Understood. thank you

Ah.. Understood.

thank you for the explanation.

-patrick