CSS Help
- Started
- Last post
- 22 Responses
- airey0
also, here's an excellent transparent png fix for IE6:
http://24ways.org/2007/superslei…
- neverblink0
Have you tried putting a "display: block; " on the '#respond h3'?
That should push it to the next line, otherwise set the width of it to the width of the content - should also push it down in Safari
- OSFA0
OK, the 'leave a comment' on firefox is fixed! thanks! But when you check the other posts that already have comments, the 'comment #s indicator' is doing the same thing. Would you mind telling me how to fix this one please?
And just so that I know, your previous suggestion worked on Firefox but not on Safari. I thought CSS was kinda universal...
- OSFA0
Hmmm, sounds like it makes sense, the only problem is, where the heel is this crap (small tag inside the postmeta div)!? Sorry if it sounds dumb, but seriously, this is my first attempt at CSS.
Would that fix this issue? Thanks acescence!
- acescence0
^ your problem is the small tag inside the postmeta div is floated left and is sticking out of the bottom of the div, pushing the stuff below it around.
- OSFA0
hahaha, sorry guys, here...
- OSFA0
no?
- OSFA0
I need some serious CSS help please. I'm a complete noob to this, and decided to learn/play with a blog from WP. I am pretty much done with the edits I wanted, but for some reason my 'leave a comment' headers are all over the place. Not to mention they get all crazy when tested n Firefox or safari...
Do any of you handsome talented css-ers have 5 spare mins to help me out please? Thanks!
- deathboy0
ive been loving me some opera browser lately
- e-wo0
All good suggestions. Thanks. I'll div the title, background the swirls.
Yes, I'm new at this. This is as cleanly as I know to do things so far.
- foobaz0
I would completely redo the HTML.
The two "swirl" elements you have as floated objects could easily be the background-image of the body since you're dealing with consistant content width.
You have the main body as flash...so you could wrap that image in a div just above the flash object.
Just a thought.
- brains0
Are you using firebug e-wo? If not, do it, it's a great tool for stuff like this.
- foobaz0
margin-left: -360px; (notice negative value)
That will fix it in Firefox...no idea about IE
- e-wo0
I knew that'd play a part. Any way for me to z-index images in front of that flash?
- brains0
Your flash elements are blocking it, if you didn't know that already.
- e-wo0
- brains0
Where are you trying to get it to be positioned?