PDA

View Full Version : Ladder Website CSS #content overflow


Carlos98
08-05-2011, 02:49 AM
Please fix the overflow on #content in the CSS. I constantly see scroll bars within the content div and it drives me nuts. I imagine it's a bug relating to how the different absolute heights are being interpreted/processed, but the easy fix would be just changing from overflow:auto to
overflow:visible or overflow:hidden

Thanks!

Edit: because apparently I have no life tonight:

*{
line-height:1em;
}

or

#menu li a {
line-height:1em;
}

would fix that 2 pixel gap between #menu and #content in FF and Chrome

TRUEPAiN
08-05-2011, 04:20 AM
The things I'd do for your knowledge of programming

Ajuk999
08-05-2011, 05:00 AM
While we are at it, I might as well point out some things that could use a little tweaking on the site.

1. The "top5" divs aren't centered within the main content. You could use some simple code to fix this:
#top5, #latestmatches {margin-left: 22px;}

2. Repeating issue with the search bar in Firefox (http://f.cl.ly/items/320Y2I29000A061K2r1v/Screen%20Shot%202011-08-04%20at%209.46.10%20PM.png).

Which you could fix by defining a specific height for the text field input
#menu input {height:20px;}

All for the furtherance of ladder.

cipso
08-05-2011, 07:50 AM
When discussing UI bugs, it's usually the best to attach screenshots. I cannot reproduce overflow bug reported by Carlos (using chrome/safari/firefox on Mac). Your fixes look good, so I will incorporate them, but I'd prefer to see bug in action first.

Thanks for reporting and code!

Ajuk999
08-05-2011, 04:42 PM
When discussing UI bugs, it's usually the best to attach screenshots. I cannot reproduce overflow bug reported by Carlos (using chrome/safari/firefox on Mac). Your fixes look good, so I will incorporate them, but I'd prefer to see bug in action first.

Thanks for reporting and code!

I didn't see the issue he mentioned either.

cipso
08-05-2011, 06:12 PM
Ajuk, please check your PMs :-)

Ajuk999
08-05-2011, 06:32 PM
Ajuk, please check your PMs :-)

Yes I can have it to you later today.

cipso
08-05-2011, 06:43 PM
Cool, great! I just wasn't sure if you've read it or not :)

cipso
08-05-2011, 06:45 PM
Carlos, btw, not sure if overflow:visible or overflow:hidden is better solution than scroll bars. Anyway, send a screenshot, maybe I can fix the page where you see the scrollbars (move content around, remove some content, ...).