damn floats...

He has: 1,758 posts

Joined: Jul 2002

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

He has: 1,758 posts

Joined: Jul 2002

Nevermind! I fixed it already. sorry to waste your time.

Abhishek Reddy's picture

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? Smiling

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.