[css-d] Problems with a div
In this page
http://www.cgibuenosairesbpba.org/index.php
The div “izquierda” in EE 5 dont see in the right, you see that below.
Anyone help me? Thanks... and sorry for my english
This is de css code:
body {
margin: 0;
padding: 0;
font-family: Georgia, serif;
font-size: 62.5%;
}
#encabezado {
width: 100%;
}
#navbar {
padding: 5px 0 0 250px;
background: #FBFAF4;
border-top: 5px solid;
font: 1.4em/1.4em Georgia, Times, serif;
overflow: hidden;
text-align: left;
margin-top: 10px;
margin-bottom: 0;
border-bottom: 1px solid #8e8e78;
text-transform: uppercase;
height: 2em;
}
#navbar li {
display: inline;
margin-left: -5px;
}
#navbar li a {
text-decoration: none;
color: #000;
}
#navbar li a.contacto {
border-right: none;
}
#navbar li a:hover {
color: #cd2000;
}
#logo {
margin-top: 0;
margin-left: 25px;
z-index: 5;
position: absolute;
top: 10px;
width: 175px;
height: 175px;
background-image: url(./imagenes/logo.gif);
}
#cuerpo {
width: 750px;
margin: 0;
padding-top: 0;
overflow: hidden;
}
#derecha {
width: 175px;
float: left;
margin-left: 25px;
margin-top: 140px;
}
#derecha #datos {
text-align: center;
border-bottom: 1px solid gray;
margin-top: 10px;
}
#derecha #datos p {
font-size: 1em;
margin: 0;
line-height: 1.2em;
padding-bottom: 5px;
}
*html#main {
overflow: hidden;
}
#main {
float: right;
margin: 0;
padding: 0;
width: 500px;
overflow: visible;
}
#main #centro {
width: 313px;
float: left;
padding-right: 10px;
padding-left: 25px;
border-right: 1px solid silver;
margin: 0;
}
#main #izquierda {
float: right;
width: 130px;
padding-left: 10px;
padding-right: 10px;
border-right: 1px solid #7695B7;
margin-top: 0;
overflow: hidden;
}
#izquierda h4 {
color: #717060;
font-size: 1.3em;
font-weight: normal;
font-style: normal;
margin-left: -10px;
overflow: visible;
width: 130px;
margin-right: -10px;
background-color: #FBFAF4;
border-bottom: 1px solid #8e8e78;
padding: 5px 10px;
}
#izquierda #entradas {
}
#izquierda #entradas ul {
padding: 0;
list-style-type: none;
list-style-image: none;
}
#izquierda #entradas li {
font: 1em/1.2em Verdana, "Lucida Grande", Lucida, sans-serif;
padding-bottom: 3px;
}
#izquierda #entradas li a {
color: #000;
text-decoration: none;
}
#izquierda #entradas li a:hover {
text-decoration: underline;
color: maroon;
}
#izquierda #busca {
background-color: #7695B7;
border-style: none;
margin-right: -10px;
margin-left: -10px;
margin-top: 0;
padding: 10px;
}
#izquierda #busca form {
margin: 0;
padding: 0;
height: 20px;
display: inline;
}
#izquierda #busca p {
height: 25px;
padding: 0;
margin: 0;
}
#izquierda p #cbusca {
width: 109px;
}
#izquierda p #searchsubmit {
margin-top: 5px;
background: url(./imagenes/busca.gif) no-repeat;
width: 45px;
height: 20px;
}
#izquierda #busca .avanza {
margin-top: 5px;
margin-bottom: 0px;
}
#izquierda #busca .avanza p {
height: 10px;
}
#izquierda #busca a {
font-size: 1em;
line-height: 1.2em;
color: white;
text-decoration: none;
margin-top: 5px;
}
#izquierda #busca a:hover {
text-decoration: underline;
}
/*---*/
#enlaces {
margin-top: 5px;
}
#enlaces ul {
border-bottom: 1px dashed silver;
padding: 0 0 5px;
margin: 0;
}
#enlaces li {
list-style-image: none;
list-style-type: disc;
padding-bottom: 2px;
padding-top: 2px;
list-style-position: outside;
width: 100px;
margin-left: 15px;
}
#enlaces li a {
font: 1em Verdana, "Lucida Grande", Lucida, sans-serif;
text-decoration: none;
color: maroon;
padding-top: 2px;
padding-bottom: 3px;
margin-bottom: 2px;
}
#enlaces li a:hover {
text-decoration: none;
color: #000;
padding-top: 2px;
padding-bottom: 2px;
margin-bottom: 2px;
}
#pie {
height: 60px;
width: 100%;
border-bottom: 5px solid #7695b7;
border-top: 1px solid silver;
clear: both;
margin: 0;
padding: 0;
}
#pie .nombre {
float: left;
height: 20px;
width: 100px;
margin-right: 10px;
padding-ri
Re: [css-d] Problems with a div height
This looks like a good situation to use faux columns [1] Prabhath http://nidahas.com [1] http://www.alistapart.com/articles/fauxcolumns/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problems with a div height
- Original Message -
From: "Heather Haggerty" <[EMAIL PROTECTED]>
To:
Sent: Monday, May 30, 2005 4:58 PM
Subject: RE: [css-d] Problems with a div height
Hello,
Have you tried setting:
body {
height:100%;
}
? Divs after that are set to 100% should stretch the height of the window.
Although I was having a little trouble with this myself.
No. You cannot stretch a div to 100% height. You can do so with a table, but
only if you apply 100% height to html as well as to body and the table.
As here: http://www.pactumgroup.com/tutorials/verticalcenter.php
tim
Tim Gallant
http://www.pactumgroup.com
Basic tutorials: http://www.pactumgroup.com/tutorials/
Web dev FAQs: http://www.pactumgroup.com/tutorials/faq.php
Techblog: http://www.pactumgroup.com/techblog
**
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] Problems with a div height
Hello,
Have you tried setting:
body {
height:100%;
}
? Divs after that are set to 100% should stretch the height of the window.
Although I was having a little trouble with this myself.
I did find a script that dynamically resizes divs to 100% @
http://cross-browser.com/x/examples/layout3.html
Heather Haggerty
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of David Driver
Sent: May 30, 2005 4:23 PM
To: css-d@lists.css-discuss.org
Subject: [css-d] Problems with a div height
I seem to be having problems with a div not going to the full height
of the div next to it. What I need is the line between the navigation
pane and the content to go all the way to the footer. I have tried
height:100% and min-height: . I am
very close esthetically to what I want. I just need that border to
fill out without entering a bunch of br tags.
The site is at http://www.oklp.org/newsite/index.html
I also just noticed that the difference between the font size in ie
and ff is considerable. I designed it with ff and that is how I need
it to look in ie.
Thanks!
--
***
See there, that wasn't so bad.
***
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Problems with a div height
I seem to be having problems with a div not going to the full height of the div next to it. What I need is the line between the navigation pane and the content to go all the way to the footer. I have tried height:100% and min-height: . I am very close esthetically to what I want. I just need that border to fill out without entering a bunch of br tags. The site is at http://www.oklp.org/newsite/index.html I also just noticed that the difference between the font size in ie and ff is considerable. I designed it with ff and that is how I need it to look in ie. Thanks! -- *** See there, that wasn't so bad. *** __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
