HTML interesse |
|
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
<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">
<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
/* 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;
}
/* 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; }
|