100% Height containers; setting up 3 inside each other with padding.

Submitted by noy2014 on Sat, 2012-03-03 00:31

I've been at this for too long. I'm having issues with; height:100%.
I want to put 3 containers; each a different color and inside the other, with about 20px padding. This should produce a framed-in look for the inner most container.

I can get the outer most container to fit 100% height of the screen, but I can not get the middle and inner containers to do the same. How do I get inside containers to 100% height as well.

Here is my best attempt.

(outer)
#containerGREY {
min-height: 100%;
padding: 20px;
background-color: gray;
margin: 0 auto;
width: 800px;
}

name changes in CSS

Submitted by mistery2112 on Sun, 2012-02-19 15:12

Anyone wanting to have a cool name in the css here's your extra program

Failed attempt to embed image removed.

Link removed.

This is not a Counter strike forum, opening your eyes for two seconds would have shown you that *sigh* .

Website messes up when minimized

Submitted by thra1l on Wed, 2012-02-08 21:13

I am working on a website: ( www.kentuckymustangautosales.com ) and the website is going fine, until I figured out that it completely messes up when minimized in any browser. I'll post my html and css code. Any help would be very much appreciated. Thanks.

My HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="EN" lang="EN" dir="ltr">
<head profile="http://gmpg.org/xfn/11">
<!-- TemplateBeginEditable name="doctitle" -->

Need help with css submit button box

Submitted by bondigor69 on Tue, 2012-01-24 17:12

Hey guys I have a wordpress newsletter plugin and I can customize CSS to make it better looking
I not a pro with css but I try
submitbox.png

there is how the submit button look like in firefox. Dosent want to go higher.

I want the submit button to be at the same level as the input boxes if its possible

there is my css script

.wpmlwidget input.wpml {
    margin: -5px;
    padding: 2px 20px 2px 0;
}
input.ui-button {
border: 3px solid orange;
border-radius: 15px 15px 15px 15px;

Having vertical margin errors when I remove the border property

Submitted by RyanJP on Tue, 2012-01-17 03:11

Just messing around with some drawing in CSS and found this weird error-it's kind of hard to explain so i'll just post the code, but basically my margin-top property only works when I have a border on the divs, which I don't want because it throws off the centering

Syndicate content