So being new to CSS I've been reading forums and tutorials for the past week or so. I notice that most people seem to have a problem with IE not rendering the site properly. Oddly enough IE is doing exactly what i want it to but in Firefox it appears that the code is not setting everything inside the wrapper. It could be an issue with Dreamweaver not liking FF. *note
I am using dreamweaver to see what is happening but i am writing the code by hand, as I would imagine this is the only way to get understand what is happening and why.
I made Screenshots of FF and IE so you can see what's happening.
FF-
IE-
and here is the code
Quote:
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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper"> <!----Opens Wrapper---->
<div id="header"><!----Opens Header----->
</div><!----Closes Header---->
<div id="content">
<div class="entry">
<h1 class="h1">ND International Launches <span class="h2">1.19.07</span></h1>
<p>Today the wonder of industries, the prize of technological terrors, the erudite of wizards (???), WWND INDUSTRIES(!!!!) is proud to annouce the re-opening of their web presence! You may have thought we were gone, and the world was safe for democracy, but little did you know that we've been here the whole time! MUWAHAHHAH! We just haven't been updating our web-page...
There are many harrowing tales of our various, heretonow, untold and DEEP HURTING SECRET operations from the last couple years (where we weren't posting about them), but in the coming days (weeks, months, years, decades...you get the idea) the wonder that is WWND INDUSTRIES will explain, exploit and tantalize you as we did before! Soon, yes very soon...
In the meantime!!! WWND INDUSTRIES is pleased to annouce their reorganization into ND INTERNATIONAL. This new name reflects years of test marketing (and one founder meeting that occured several years ago and under the influence of copious amounts of root beer). We are now an fully international company, decimating humanity and industry alike (with or without discretion, at our discretion) on all fronts! More to come later, suckers!!!! </p>
</div>
<div class="entry">
<h1 class=h1>New Mission Statement <span class="h2">2.1.07</span></h1>
<p>" The mission of ND International is to aquire as much profit as humanly possible and to make the upper management, especially the founders, richer than they ever imagined"
Explanation of the mission statement
see here at The ND ( short for Nd International) we don't lie about our real strategic goals. Most Companies have mission statements that give the illusion of a well thought out strategic statement that defines the direction of the company, what they are about, and why they are here. In reality, everyone ,from the bottom to the top, in the organization knows why the organization really exists, to make the upper management richer. Here at the Nd we pride ourselves in our honesty with our employees or public.</p>
</div>
</div>
<div id="sidebar">
<div class="sidebarentry">
<div align="center"><img src="../In-Progress-Images/not_thenick.jpg" width="172" height="194" />
<span class="style1">The Glorious Founder-</span>
</div>
<p>*note not actual founder. due to security concerns we must protect his identity</p>
</div>
</div>
</div>
</body>
</html>
|
And the CSS
Quote:
/* CSS Document */
body {
text-align: center;
background-color: #CCCCCC;
}
#wrapper {
width: 731px;
margin: 0 auto;
text-align: left;
border: solid #000 1px;
background-color: #ffffff;
margin-bottom: 10px;
padding-bottom: 20px;
}
/*Header */
#header {
width: 731px;
background-image: url(../In-Progress-Images/header_c.jpg);
height: 160px;
}
/*content */
#content {
width: 500px;
background-color:#ffffff;
float: left;
padding-top: 10px;
}
.entry {
font-size: 12px;
color:#000000;
border-top: #000 dashed 1px;
border-bottom: #000 dashed 1px;
text-decoration: none;
padding-left: 3px;
}
.h1 {
font-size: 20px;
color: #3D85BF;
}
.h2{
font-size: 16px;
color: #B0AF90;
}
.style1 {
font-size: 16px;
font-weight: bold;
}
/*sidebar */
#sidebar{
width:180px;
border: #000 solid 3px;
text-decoration: none;
float: right;
margin-right: 5px;
margin-top: 10px;
}
.header {
background-color:#CCCCCC;
color: #000
}
.sidebarentry {
background-color: #FFF;
font-size: 10px;
}
.style2 {
font-size: xx-small;
}
/*footer */
#footer{
width: 731px;
}
|
|
