Hi All,
New to this, but just built a site and I'm having difficulties with the layout. Especially concerning the width, it seems to differ from browser to browser and version to version. Did i do something stupid?
I'm trying to 'integrate' wordpress and Coppermine into my website, or at least make them appear with the same header and footer. Here i have many problems with white space appearing on the side of the header, though not in all browsers.
You can visit my site:
home
coppermine area and
wordpress area.
Here is the css is use. Below you find the hml.
Thanks for any tips and help on this.
Robbert
<html>
<iframe>
html {
background-image: url(images/right_side.gif);
background-repeat: repeat-y;
background-position: top right;
}
body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
background-image: url(images/left_side.gif);
background-repeat: repeat-y;
color: #000000;
}
#container {
width: 800px;
display: inline;
}
#main-title {
margin-bottom: 0;
margin-left: 110px;
margin-right: 110px;
font-size: .7em;
letter-spacing: 0px;
text-align: right;
margin-top: 0;
padding-bottom: 8px;
font-weight: bold;
padding-top: 8px;
padding-right: 50px;
background-color: #333333;
color: #ffffff;
border-top: 1px #000000 solid;
border-bottom: 1px #000000 solid;
}
#header-image {
background-color: #999966;
background-image: url(images/jobse.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 130px;
border-top: 2px #ff4700 solid;
border-bottom: 2px #ff4700 solid;
margin-left: 110px;
margin-right: 110px;
}
#navbar {
margin-bottom: 0;
margin-left: 110px;
margin-right: 110px;
font-size: .65em;
text-align: center;
margin-top: 0;
padding-bottom: 8px;
font-weight: bold;
padding-top: 8px;
background-color: #333333;
color: #ffffff;
word-spacing: 8px;
border-bottom: 2px #ff4700 solid;
}
</iframe>
and the hmtl for the main page:
<iframe>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<body onLoad="show_clock()">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Personal web page | jobse.info</title>
<link href="style.css" rel="stylesheet" type="text/css" media="all"/>
</head>
<body>
<div id="container">
<div id="main-title"><a href="mailto:@jobse.info">email me</a></div>
<div id="header-image"></div>
<div id="navbar">
<a href="http://jobse.info/" class="current">home</a> |
<a href="http://jobse.info/links">links</a>
</div>
<div id="headline">
</div>
<div id="body">
<h1>Welcome</h1>
<div id="main-text">
CONTENT
<div id="footer">
<div class="left"><a href="#">top of page</a> </div><br/><br/>
</div>
</div>
</div>
</div>
</body>
</html>
</iframe>
</html>
