Hello
I have a div which contains the main content of my
pages (there are other divs for the navigation etc).
It's quite a simple layout with a background image and
so on. The div is a light shade of brown on top of a
dark brown background. Something odd is happening with
pages of long text. The div doesn't expand in height
so the dark text drops into the dark brown background
and you can't see it. I haven't defined the height in
the style sheet so I thought the div would just
expand.....is it something to do with the background
image that repeats in the y direction? I dunno!
The site is here: www.aebi-moyo.com/travel.htm (there
are a few pages with the same problem, this is just an
example)
And here's the CSS:
body {
margin: 0 0 0 200px;
background-color:#2C1E01;
background-image:url(/Images/background.gif);
background-repeat:repeat-y;
}
h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.2em;
font-weight:bold;
text-decoration:underline;
color:#2C1E01;
text-transform:uppercase;
}
#nav {
margin-top:10px;
color:#BED4E4;
text-align:center;
}
#nav li {
display:inline;
font-family:"Engravers MT", "Times New Roman", serif;
font-size:0.9em;
}
#nav a:link {
text-decoration:none;
color:#BED4E4;
}
#nav a:visited {
text-decoration:none;
color:#BED4E4;
}
.content {
margin-left:auto;
margin-right:auto;
margin-top:60px;
width:715px;
height:400px;
padding: 80px 40px 40px 40px;
background-color:#EBE1CF;
filter:alpha(opacity=80);
opacity:0.80;
-moz-opacity:0.80;
}
.content p {
color:#2C1E01;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:1em;
line-height:1.8em;
vertical-align:middle;
}
#header {
text-align:center;
margin-top:10px;
}
.bullets {
font-family: "Engravers MT", "Times New Roman",
serif;
font-size: 2.5em;
vertical-align:-1em;
}
Thanks
Nicole
Send instant messages to your online friends http://uk.messenger.yahoo.com
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
