View Full Version : Am I floating things wrong here?

12-17-2005, 09:42 AM
I think I'm in float hell... I can't seem to get this page positioned correctly. I hope it's obvious what I'm trying to do. I just want everything to line up....

Here's the problem page:

Here's the closes thing I have to one that works like it should:

Can any shed some light on this?



12-17-2005, 09:57 AM
Remove the left margin from the #singlecontent_letters CSS, then make your footer clear:both;

12-17-2005, 06:42 PM
Wow, thanks that helped a lot, but I still can't get my "container_letters" div to extend down to the bottom of the page. Can you help with that too?

Thanks again.

12-17-2005, 07:05 PM
What are you trying to get to extend to the bottom? You have a background image in #container_letters but thats just that little letter.

12-17-2005, 07:16 PM
Maybe this page will give you a better idea... although it's formatting is screwed up too.


The BG image that is aligned to the bottom of the container div is that colored bottom curve. The singlecontent div is within the container_* div, so shouldn't the container div extend all the way down past wher the singlecontent div ends? That's what is confusing me.

Also, I have no idea what this is doing in IE for Windows, I'm concentrating on Firefox and Safari for now. Then I'll tweak for IE fixes later.


12-17-2005, 07:21 PM
Okay it works in IE, that means there is a clearing issue somewhere. Let me see what I can do. In the mean time you have an extra } in your CSS comments. Okay, place   inside of your footer div.

12-17-2005, 07:49 PM
Sorry, I didn't quite understand that last one... what line is my extra } in? Also, where exactly do I add that nbsp;?

Sorry, still learning here... ;-)

12-17-2005, 07:57 PM
In your CSS you have this

Theme Name: JudyLudy
Theme URI: http://www.brokenkode.com/rin/
Description: Modified Rin Theme
Version: 0.1
Modified ver Author: Joe Popp
Original Author: Khaled Abou Alfa
Rin Author URI: http://www.brokenkode.com/

Rin Credits -
Rin is an extension of the original Manji theme. The development was
done by Khaled Abou Alfa and Joshua. Originally released 30th January 2005.

Original Manji Credits -
The Manji template designed by Khaled Abou Alfa (www.brokenkode.com)
and Root (www.atthe404.com/blog); Root is currently offline. Please go read the
FAQ on www.brokenkode.com/board for further information.

Joshua (aka Alphaoide) has been helping complete this project in the wake of
Root's disappearance.

Also a big shout out to Franchesco Anselmo & David Prince for their invaluable

Also I've got to thank the wordpress forums for all the little help in solving
loads of questions we had when creating this theme.

License -
The CSS, XHTML and design is released under GPL:

/*---------------------------- Site Navigation -------------------------------*/
Note the part in bold red.

Okay, place   inside of your footer div.
Add the   in your footer (like I said) like so

<div id="footer">&nbsp;</div>

12-17-2005, 08:19 PM
Got it.. that was simple.. but the pages are still not looking like they should. The colored bottom part is still not showing up in Firefox or Safari, although the top sure is aligned a lot nicer. Thank you.

Any idea how to get the container_letters div to extend down to the bottom of the page so it surrounds the whole singlecontent div?

12-17-2005, 08:24 PM
after the closing div for your content add this

<div style="clear:both;line-height:0px;font-size:1px;">&nbsp;</div>

12-17-2005, 08:37 PM
Awesome... it looks great! I guess I need to research the clear command!

Thanks for all of your help!