0

My div background color did not show up when I placed it in the external CSS sheet. I went ahead and made it an inline style and got my desired result except for thebig space between the right side of the picture and the edge of the containing div. Why is that? I was trying to stay away fro tables which immediately gave me the result I have now.

@charset "utf-8";
/* CSS Document */

body{
background:#edba19;
background-repeat:repeat-x;
background-image:url(background.jpg);
background-position: top;
}

div #container{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#843382;
	text-align: justify;
	margin-left: 40px;
	color: #FFFFFF;
	
}
div #name{
	padding-left:30px;
}
div #logo{
	padding-left: 20px;
	float: left;
	padding-right: 20px;
}
div #headpic{
	padding-bottom: 3px;
}

a:active,a:link{
color: #FFFFFF; 
text-decoration: underline;
}
a:hover {
text-decoration: underline; color:#FFFFFF}

a img {border:0px; }


#header {


}
2
Contributors
2
Replies
3
Views
8 Years
Discussion Span
Last Post by Reliable
0

I actually solved my problem. I forgot that floating divs need to have a set width for another div to be by its side.

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.