damn floats...
Can somebody help me please?
I'm working on a new website and I've decided I'm going to do everything I can to ensure that it's standards compliant, accessible and quick loading.
So, I'm using a CSS based design, however I have a problem.
The layout is in a blog format, only each entry has an image aligned to the right of the paragraph showing an icon for the category. The problem is, is that if the entry is pretty short or the user has a wide screen the image pushes past the bottom of the entry and forces the image on that entry over to the left.
You can see what happens at http://www.na5ty.com/index.php
I must warn you though, this site does contain some foul language and links to sites that not everyone may agree with.
Does anyone know of any CSS stuff that I can use to combat the problem? In days of old I would have just stuck each entry in its own table row, but I can't really do that with this method of design.
Thanks for any help you can offer.
Andy
andy206uk posted this at 17:38 — 15th March 2004.
He has: 1,758 posts
Joined: Jul 2002
Nevermind! I fixed it already. sorry to waste your time.
Abhishek Reddy posted this at 04:08 — 16th March 2004.
He has: 3,348 posts
Joined: Jul 2001
Sorry, I only skimmed your original post, so I might have missed something. Could you post your solution anyway for future reference?
andy206uk posted this at 09:09 — 16th March 2004.
He has: 1,758 posts
Joined: Jul 2002
What I did was add a margin to the right side of the text that was 20px that wider than the width of the image (120px in total) so that the text never flowed underneath it and also I'd made a mistake with my coding and accidently added a 50px margin to the bottom of the image.
Andy
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.