Sharp as a Marble
HomeAboutContactSyndicationLogin
 

I’m trying to work on some new skins for Subtext. I’d like to stick with 100% CSS driven styles so that changing the flavor is simple instead of the nightmare it is now with .Text.

However, I’m having a slight problem with certain containers actually containing other elements. Basically the issue is this. I have an outside <div> called container. Inside are two other <div>s called menu and content. The outer container has a background that should repeat under both menu and content. Like so:

This works like it's supposed to

If content comes first in the code then container expands as needed to encapsulate the information. However, if menu is longer vertically than content, then the following happens.

This doesn't work

menu will expand beyond the boundaries of container. As in many of my designs, menu actually utilizes the background of container. When it expands beyond that boundary, it looks hosed. How do I set up the <div id=”container”> so that it expands to envelope all classes within it?

Any CSS gurus out there able to help?

rolled out on Tuesday, May 31, 2005 12:16 PM
Comments
# RE: CSS Problems - Haacked

Rolled Out On: 5/31/2005 7:17 PM

I'm assuming you're using floating to get the menu to the right.
If so, you need to clear the space below the floating elements, like so...

So if your html looks like this (with the style info in a CSS file, not inline)...

<div id="container">
<div id="content" style="float:left;"></div>
<div id="menu" style="float:right;"></div>
<div id="footer" style="clear:both;"></div>
</div>

That should do the trick.

# RE: CSS Problems - Robb Allen

Rolled Out On: 5/31/2005 9:54 PM

Bah. Turned out there was a boo boo in my css class. Had a position:absolute buried somewhere that was throwing the whole thing off.

Alsmost done with my "DeepSixed" skin. The one I sent you a screenshot of!

# RE: CSS Problems - Robb Allen

Rolled Out On: 6/1/2005 9:06 PM

I take that back. It only switched the problem around.

Now I've got Firefox and IE disagreeing with how to display. Think I might stick with @!&* tables ;)

# RE: CSS Problems - Mays

Rolled Out On: 6/3/2005 10:05 AM

Why don't you make the "container" a table and just give that table the css characteristics you're wanting? Then that table will expand to the height of whichever sub-container ("content" and "menu") is the longest. Would that work?

# RE: CSS Problems - Mays

Rolled Out On: 6/3/2005 10:07 AM

heh, but I guess since you're sticking to 100% CSS, that's kinda out of the question. My bad.

Comments have been closed on this topic.
 
TipJar
2A Blogger Bash
Other bloggers with guns.

Article Categories


General

Archives


November, 2008 (61)
October, 2008 (107)
September, 2008 (114)
August, 2008 (93)
July, 2008 (93)
June, 2008 (77)
May, 2008 (79)
April, 2008 (53)
March, 2008 (46)
February, 2008 (46)
January, 2008 (63)
December, 2007 (69)
November, 2007 (63)
October, 2007 (83)
September, 2007 (73)
August, 2007 (84)
July, 2007 (59)
June, 2007 (63)
May, 2007 (35)
April, 2007 (30)
March, 2007 (37)
February, 2007 (32)
January, 2007 (38)
December, 2006 (14)
November, 2006 (28)
October, 2006 (25)
September, 2006 (24)
August, 2006 (28)
July, 2006 (27)
June, 2006 (28)
May, 2006 (14)
April, 2006 (17)
March, 2006 (35)
February, 2006 (33)
January, 2006 (26)
December, 2005 (15)
November, 2005 (22)
October, 2005 (35)
September, 2005 (37)
August, 2005 (50)
July, 2005 (34)
June, 2005 (55)
May, 2005 (53)
April, 2005 (56)
March, 2005 (57)
February, 2005 (77)
January, 2005 (72)
December, 2004 (79)
November, 2004 (76)
October, 2004 (59)
September, 2004 (74)
August, 2004 (69)
July, 2004 (75)
June, 2004 (56)
May, 2004 (28)

Post Categories


Humor (rss)
Views (rss)
Catblogging (rss)
News (rss)
Politics (rss)
Geekdom (rss)
Recipes (rss)
Blogging (rss)
Wingnuts and Moonbats (rss)
War on Terror (rss)
Photography (rss)
Brewsky (rss)
Guns. Lots of Guns. (rss)
Daughter Blogging (rss)
TMI (rss)
Anxiety & Panic Attacks (rss)
Gun Myths (rss)
Reloading (rss)
Range Time (rss)
Anti-Rights Idiocy (rss)
Firearm Safety (rss)
A Cancer Story (rss)
Second Amendment Blog Bash (rss)
Gun Rights (rss)
Gun-Free Zones (rss)
Self Defense (rss)
The Line Is Here (rss)
Getting old sucks (rss)
NRA (rss)
2A Blog Bash (rss)
Out of sight, out of mind (rss)
Video Podcasts (rss)
Para Blackwater Training (rss)
GTI (rss)
You need this (rss)
Competitive shooting (rss)
PSH (rss)
Gun banners (rss)
For Sale (rss)

Image Galleries


Beyond the Pale brewing session

::Other Digs


The Line Is Here

::Sharpest Marbles


Eject! Eject! Eject!
Instapundit
Iraq the Model
Protein Wisdom
QandO
Sharp as a Marble
Vodka Pundit
WILLisms
Witting Shire
Wizbang

:Second Amendment


A Keyboard and a .45
Alphecca
Another gun blog
Anthroblogogy
Armed and Safe
Call Me Ahab
Carnaby Fudge
Days of our Trailers
Double Tapper
Dustin's Gun Blog
Fighting for Liberty
Great Blue Whale
Gun Owners Against Violence
Gun Pundit
Guntards
Justin Buist
Live from the (upper) Texas Gulf Coast
MArooned
Mausers and Muffins
Mike-istan
Musings of the Geek with a 45
Notes from the American Outback
Oleg Volk
Papa Delta Bravo
Pro-Gun Progressive
Random Nuclear Strikes
Ride Fast and Shoot Straight
Roberta X
Say Uncle
Sear and Hammer
Snowflakes in Hell
The Anarchangel
The Armed Schoolteacher
The Bitch Girls
The Breda Fallacy
The Countertop Chronicles
The Law Dog Files
The Liberty Sphere
The Mad Rocket Scientist
The Madman Raves
The Other Side of Kim
The Real Gun Guys
The Sentinel
The Smallest Minority
The View From North Central Idaho
The War on Guns
View from the porch
Walls of the City
West, By God
Xavier thoughts

Blogroll


Guide to Midwestern Culture
Basil's Blog
Captain's Quarters
Coalition of the Swilling
Cold Fury
Cranky Neocon
Daily Pundit
dorkafork
File It Under
Florida Cracker
Garfield Ridge
INDC Journal
Is Full Of Crap
Medium at Large
Notes from the trenches
One Ping Only
Sean Gleeson
Sekimori
Sissy Willis
Six Meat Buffet
Speed of thought
Squeaky Wheel Seeks Grease
The Belmont Club
The Munchkin Wrangler
The Spoons Experience
The Unforgiving Minute
Tim Worstall
UNSpace
Vern's Blog

Extended Blogroll


21st Century Paladin
Bill Peschel
Cowboy Blob
Craziness
Flight Pundit
Hubs and Spokes
In the Right
Pajamaverse
PEER Review
TechnoChitlins
The Tygrrrr Express

Funny, as in Ha-ha


Ace of Spades HQ
Cox & Forkum
IMAO
ScrappleFace
The Superficial
Topic Drift
Wuzzadem

Good Reads


Drink This
Evil White Guy
Leaning to the Right
Ramble Strip
Save the Soldiers
SondraK
The Resplendent Mango
Triticale
You Big Mouth You

Tampa Area Blogs


Tampa Film Fan

My Technorati Conversations

Hang in there Mom

Cool Post-it Note Icon