Making Boxes line up like a table (CSS)
http://www.meganjack.com/uw_courses/css/anth_370/
Check on the items numbered 1 and 2 from the left menu (other links will not be working).
I want these boxes to line up along the bottom like they would in a table. In the first example ("indigenous knowledge), I want the "speakers" and "resources" boxes to align along the bottom. In the second example ("language & culture"), I want "speaker" and "concepts" to align along the bottom.
This must work fluidly when the page is resized to fit different resolutions. Any ideas? I've fiddled with a few things (static heights, custom padding for each box) but can't get anything to work the way it should.
Of course, the easy way to do this would be to just use a table but that wouldn't be semantically correct now, would it?
AyntRyte posted this at 16:31 — 7th September 2004.
He has: 145 posts
Joined: Jun 2004
I may not understand the question, but what I see is two columns of content boxes. Is this the intent? If so, you may be better off to give each column it's own container. If I'm reading the CSS properly, each contentbox is given 44-47% width to work with, so only two boxes can align side by side. The next box has to find the next logical place to "fit in" (giving you some gaps.)
\\// Robert
The grass is always greener on the other side -- but that's because they use more manure.
KarenArt posted this at 17:11 — 7th September 2004.
She has: 354 posts
Joined: May 2001
Hey Megan!
I'm digging through my different css layouts and I think I might have something for you. Are you wanting the background of "speakers" and "resources" to line up along the bottom or is it a vertical align issue with the text itself?
I'll see if I can find the layout I'm looking for.
If you don't hear from me for awhile, don't worry though. My internet connection has been spotty at best all afternoon.
gotta finish redesigning my sites so I can show them again.
The purpose of education is... to get more jokes!
KarenArt posted this at 18:18 — 7th September 2004.
She has: 354 posts
Joined: May 2001
Well I got a little something together, but realized I forgot to do the bottom divisions.
Hopefully this can be of some help.
http://cardinalart.com/forothers/megan.html
If this isn't right, or you want something else... just ask.
gotta finish redesigning my sites so I can show them again.
The purpose of education is... to get more jokes!
Megan posted this at 19:10 — 9th September 2004.
She has: 11,421 posts
Joined: Jun 1999
Thanks for looking at that, karen. Interesting idea with the different margin for the middle box. Doesn't work in IE though (Needs box model hacks, I guess
)
I'm really annoyed with myself for not being able to figure this out. I shouldn't need help with this sort of thing. There are some nice display:table features that would be helpful if they worked in IE.
Megan
Connect with us on Facebook!
KarenArt posted this at 13:03 — 10th September 2004.
She has: 354 posts
Joined: May 2001
Not a problem Megan!
I've got tons of css layouts I've been collecting. Now if I could just get them organized.
I realized I didn't put in the hacks to make it IE friendly, but that was after I'd posted it and , of course, I lost my internet access again and wasn't able to fix it.
You're skills are impressive. I wouldn't feel bad for asking for advice on this. If you want a real laugh you should see how I'm mucking up my gallery layers.
Now if I can just find my cd where I burned those IE hacks...
anyone want to help me clean my desk so I can find something...
gotta finish redesigning my sites so I can show them again.
The purpose of education is... to get more jokes!
Abhishek Reddy posted this at 13:30 — 10th September 2004.
He has: 3,348 posts
Joined: Jul 2001
Or look at the crazy bloated CSS I use on my blog site. I don't even remember the number of stylesheets heaped together on that...
I'll be happy to help you clean up 'soon as I finish my archaeological dig into my desk uncovering all kinds of treasures from weeks ago.
Anyway, the point of this post: http://css-discuss.incutio.com/?page=CssHack
KarenArt posted this at 13:39 — 10th September 2004.
She has: 354 posts
Joined: May 2001
Ohhhhh... cool! Thanks for that link!
Now I have to store it in a place I won't loose it.
Hmmmmm... maybe we should have a "messiest desk contest"?
gotta finish redesigning my sites so I can show them again.
The purpose of education is... to get more jokes!
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.