Pagina 1 van 1

[OPGELOST] bo2Soft

Geplaatst: 28 okt 2007, 22:30
door Sinnoh
-------
Inmiddels is het probleem verholpen, door deze code.

Code: Selecteer alles

div.banner {
	padding:9px 0 0 0;
	color:#FFF;
[/i]
------

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">&nbsp;</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">&nbsp;&nbsp;</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;
}