dreamweaver view is incomplete. Browser shows correct view
this basic code:
<!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=utf-8" />
<title>homepage</title>
<link href="stylesheets/mainstyle.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">content id "container" goes here
<div class="topholder">content class "topholder" goes here
<div class="rightontop">content class "rightontop" goes here</div>
<div class="big"></div>
</div>
</div>
</body>
</html>
this css:
@charset "utf-8";
#container {
clear: both;
height: 1100px;
width: 900px;
margin-right: auto;
margin-left: auto;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
background-color: #cc6600;
}
.topsection {
height: 300px;
width: 850px;
background-color: #0066cc;
z-index: 50;
}
.big {
background-color: #ffffff;
height: 600px;
width: 850px;
margin-top: 50px;
}
.centertop {
background-color: #66ffcc;
height: 40px;
width: 850px;
z-index: 700;
}
.rightontop {
background-color: #990000;
height: 500px;
width: 250px;
float: right;
margin-right: 50px;
z-index: 500;
}
.bottom {
clear: both;
height: 50px;
width: 850px;
background-color: #00cc66;
}
body {
margin: 50px;
}
.topholder {
height: 50px;
width: 850px;
background-color: #660099;
margin-top: 220px;
}
i using mac not have intel chip.
the div marked "big" white , when go browser view (safari or firefox), see bit of white box showing right of div marked "rightontop". not visible in dreamweaver. what's problem?
<!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=utf-8" />
<title>homepage</title>
<link href="stylesheets/mainstyle.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">content id "container" goes here
<div class="topholder">content class "topholder" goes here
<div class="rightontop">content class "rightontop" goes here</div>
<div class="big"></div>
</div>
</div>
</body>
</html>
this css:
@charset "utf-8";
#container {
clear: both;
height: 1100px;
width: 900px;
margin-right: auto;
margin-left: auto;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
background-color: #cc6600;
}
.topsection {
height: 300px;
width: 850px;
background-color: #0066cc;
z-index: 50;
}
.big {
background-color: #ffffff;
height: 600px;
width: 850px;
margin-top: 50px;
}
.centertop {
background-color: #66ffcc;
height: 40px;
width: 850px;
z-index: 700;
}
.rightontop {
background-color: #990000;
height: 500px;
width: 250px;
float: right;
margin-right: 50px;
z-index: 500;
}
.bottom {
clear: both;
height: 50px;
width: 850px;
background-color: #00cc66;
}
body {
margin: 50px;
}
.topholder {
height: 50px;
width: 850px;
background-color: #660099;
margin-top: 220px;
}
i using mac not have intel chip.
the div marked "big" white , when go browser view (safari or firefox), see bit of white box showing right of div marked "rightontop". not visible in dreamweaver. what's problem?
More discussions in Dreamweaver support forum
adobe
Comments
Post a Comment