...

View Full Version : Am I floating things wrong here?



spackletoe
12-17-2005, 08: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:
http://judyludy.com/wp/archives/category/letters-to-ludy/

Here's the closes thing I have to one that works like it should:
http://judyludy.com/wp/

Can any shed some light on this?

Thanks!

-spack

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

spackletoe
12-17-2005, 05: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.

_Aerospace_Eng_
12-17-2005, 06: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.

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

http://judyludy.com/wp/archives/category/tabloid-teasers/

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.

Thanks!

_Aerospace_Eng_
12-17-2005, 06: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.

spackletoe
12-17-2005, 06: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... ;-)

_Aerospace_Eng_
12-17-2005, 06: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
support.

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:
http://www.opensource.org}


/*---------------------------- 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>
Simple.

spackletoe
12-17-2005, 07: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?

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

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

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

Thanks for all of your help!

-spack



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum