Mathias Vejerslev wrote:
> Hi!
>
> I have 'inherited' a website layout that has a few CSS problems I hope you
> can help me with. I've tried all I can think of, but I still have the
> problem.
>
> Here's the layout: http://www.96ppi.net/ibooks/
>
> This is the main (front) page. Looks fine in IE, but the boxes on the right
> fails in Firefox. I have now solved this by adding display: table to the
> box's stylesheet.
>
> However, the reamining, bigger problem is that some content overlaps, making
> text unreadable (looks ugly) as in this page:
>
> http://www.96ppi.net/ibooks/produkt.htm
>
> The problem I have is that the CSS is written by some other guy, whom I dont
> even know, and it's rather advanced (convoluted would be another word). And
> I can't seem to solve these problems with Firefox (and IE7) displaying text
> sections on top of eachother.
>
> The HTML and CSS checks out reasonably in a validator...
>
> CSS files:
>
> http://www.96ppi.net/ibooks/narrowcontent.css (probably where the fault lies
> somewhere)
> http://www.96ppi.net/ibooks/navigation.css
> http://www.96ppi.net/ibooks/pagelayout.css
> http://www.96ppi.net/ibooks/rightcolumn.css
> http://www.96ppi.net/ibooks/typography.css
>
> ANY tips you can provide would be most welcome... Its driving me nuts -
> obviously I'm not smart enough. Here's hoping you can enlighten me. Let me
> know if I can provide further info.
>
> Mathias
>
>
Hi Mathias,
I don't envy you at all, I found the problem though. This guy has for
some strange reason set a height of 22 pixels on divs with a class
.Content, get rid of that and it should get rid of some ugly. It's in
typography.css.
I'd recommend looking through that css and removing all the duplicated
rules there are. I'd also have a look at places where he has things like:
div.Header p { ... }
and swap it for an actual header tag like h2, h3 etc.., that's if you
have access to the underlying HTML.
Lastly the div.Rightbox in the RightColumn.css file has a fixed pixel
height set, remove that and things should look ok.
Convoluted is the right way to describe it! That's wtf material.
Rob O
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
