Inmiddels is het probleem verholpen, door deze code.
Code: Selecteer alles
div.banner {
padding:9px 0 0 0;
color:#FFF;------
Ik probeerde laatst mijn header te plaatsen, maar dit ging helaas mis.
http://i24.tinypic.com/2r6mbnl.jpg
Zoals je kunt zien, zakt de header weg, wat natuurlijk niet de bedoeling is. Hoe kan ik dit goed - en het liefst in het midden - krijgen?
_______
overall_header
Code: Selecteer alles
<div id="wrapheader">
<div class="header">
<span class="header-left"> </span>
<span class="header-right"></span>
<div align="right" class="banner"><img src="http://www.sinnoh.nl/phpBB3/styles/bo2Soft/imageset/header.png"></div>
</div>
<table width="100%" bgcolor="#4E78A5" cellspacing="0" cellpadding="0" border="0">
<tr>
<td class="yansol" nowrap="nowrap"></td>
<td align="center">
<div id="menubar">
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td class="menusol" nowrap="nowrap"> </td>
<td align="left" width="50%" class="menuorta" nowrap="nowrap">
<div id="soll">stylesheet.css
Code: Selecteer alles
/* Header */
div.header {
background: url('styles/bo2Soft/theme/images/logorta.gif') repeat-x 0 0;
height: 122px;
clear: both;
}
div.header span.header-left, span.header-right {
display: block;
width: 250px;
height: 122px;
background: url('styles/bo2Soft/theme/images/bo2logos.jpg') no-repeat;
}
span.header-left {
background-position: 0 0;
float: left;
margin-right: 10px;
}
span.header-right {
width:20px;
background-position: 100% 0%;
float: right;
}
div.banner {
padding:28px 0 0 0;
color:#FFF;
}