CSS Bugs... — OZONE Asylum, home of the Mad Scientists

XML - XSL - XSLT - XHTML - CSS - DOM

CSS Bugs...

This page's ID: 25460

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	I have two problems with this CSS I'm working on. One is fairly simple and I think it's just some bad CSS. I'm making a table layout in CSS for a gallery. I've used <dl><dt><dd> for the table like effect. So far so good. I've made each image in the gallery a link which has a border around it in a light color with some padding in between. On rollover the border color changes to dark and we have a nice looking effect. Opera, FireFox show it marvellously... can't say the same for IE though. IE doesn't show the hover! This is my CSS, where me messing up?? [code]dl.gall { float: left; margin: 10px;} .gall dt { background: none;} .gall img { width: 75pt; padding: 5px; border: none; border: 1px solid #eaeaea;} .gall img:hover { border: 1px solid #ccc;}[/code] My second problem is a bit confusing (for me) the layout I have of the overall site is like this: \| SideBar \|---\| MainContent \| \| SideBar \|---\| MainContent \| \| SideBar \|---\| MainContent \| \| SideBar \|---\| MainContent \| I've done the above using absolute positioning. I tried it with floats but it wasn't going anywhere! I have both of them positioned absolutely the problem is with the MainContent. I have only specified a width to the SideBar and want the MainContent to be fluid. With the following code I've managed to get it working in IE and FF but for the first time [b]ever[/b] Opera is giving me a hard time and I've just noticed this! [code] #sidebar { position: absolute; width: 300px; left: 0; margin-top: 2.5em;} #maincontent { position: absolute; left: 300px; margin: 2.5em 0 6em 0; padding-right: 4em; padding-bottom: 5em;[/code] In IE and FF when I increase or decrease the window size the MainContent does it's magic and flows but in Opera it doesn't. It tries to maintain it's width even though I haven't specified any! I tried setting width to auto or inherit but nothing infact those two get IE all jumpy! And if I set the width to 100% then well we have a major horizontal scroller problem! Where is the bug I can't see it?!? [img]http://www.timdorr.com/neosig/sigs/templar.gif[/img] [small](Edited by [internallink=4555]templar654[/internallink] on 04-08-2005 17:54)[/small] [small](Edited by [internallink=4555]templar654[/internallink] on 04-08-2005 17:57)[/small] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu