Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Layout (header) width problems - Coppermine and Wordpress
Old 12-01-2006, 12:17 PM Layout (header) width problems - Coppermine and Wordpress
Junior Talker

Posts: 1
Trades: 0
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>&nbsp;&nbsp;&nbsp;</div><br/><br/>
</div>

</div>
</div>

</div>

</body>
</html>


</iframe>
</html>

Last edited by vangogh; 12-01-2006 at 01:38 PM..
Robbert is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 12-01-2006, 03:32 PM Re: Layout (header) width problems - Coppermine and Wordpress
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
Couple of questions:
Why do you have the whole thing inside an iframe ??

As far as layouts are concerned, you've got essentially 3 different ones. The Home page is a liquid full-page layout, and the other 2 appear to be fixed-width, which is why they are not the same width as your header or your home page.

I'm not familiar with Coppermine, but I would think you could modify the layout your are inserting the gallery into to make it match your home page.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Layout (header) width problems - Coppermine and Wordpress
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.83581 seconds with 12 queries