Issue
I put a couple of divs in the same manner and all worked fine, except this one
.recommend{
color:#F0F0F0;
left:66px;
border-radius:1em;
width:600px;
height:400px;
top: 140px;
}
and this is the div in the body,
<body>
<div class="recommend"></div>
</body>
It does not show up at all when viewed in browser.
this is the whole script if something is interfering and I am unable to see
<style>
.aside{
position: fixed;
right: 66px;
top:0px;
margin-right: 0px;
background-color: #F0F0F0;
width: 108px;
height: 35px;
border-radius: 1em;
padding-top: 5px;
padding-left: 20px;
display:inline-block;
}
.nav{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position:fixed;
top:0px;
background-color: #F0F0F0;
height: 40px;
width: 300px;
border-radius:1em;
right: 200px;
padding-top:10px;
padding-left: 20px;
display:inline-block;
}
.bigheader {
font-family: Calibri;
color: #FFF;
position:fixed;
top: 64px;
left: 66px;
}
.header{
font-size:56px;
text-decoration:underline;
}
.header1{
color:#FFF;
font-size:18px;
font-style:italic;
font-family:Calibri;
}
.textnav{
font-size: 15px;
font-family:Calibri;
position:fixed;
}
.recommend{
color:#F0F0F0;
left:66px;
border-radius:1em;
width:600px;
height:400px;
top: 140px;
}
</style>
</head>
<body>
<div class="aside"><a href="some link" width="30" height="30" /></a> </div>
<div class="nav">
<span class="textnav">Archive</span></div>
<div class="bigheader">
<span class="header">Some text</span>
<br />
<span class="header1">some more text</span></div>
<div class="recommend"></div>
<div class="body"></div>
<div class="footer"></div>
</body>
</html>
Solution
Try This:
You were missing content and you did not specify a background-color so your div was not visible, blending in with the default body colour.
<html>
<head>
<title> Recommend Div </title>
<style>
.recommend{
background-color:#000;
color:#FFF;
left:66px;
border-radius:1em;
width:600px;
height:400px;
top: 140px;
}
</style>
</head>
<body>
<div class="recommend">Hello World</div>
</body>
</html>
Answered By - thechrishaddad
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.