Header veranderd van formaat

[Niek]

Hallo mede phpbb'ers.

Ik zit met een probleem dat al vanaf het begin dat ik deze stijl gebruik aanwezig is maar waar ik nu toch wel vanaf wil.
Ik ben vorige week met mijn header bezig geweest omdat hij niet helemaal mooi doorliep met de rest van het forum.
Dit probleem is inmiddels verholpen en de header is nu gelijk met de navigatie balk en het veld eronder, behalve als ik op gebruikersgroepen klik.
Dan lijkt het wel of de header een klein beetje geschaald word en is hij kleiner.
Hier twee afbeeldingen ter verduidelijking.

Hier zoals het hoort



en hier zoals het alleen bij gebruikersgroepen is.



zoals jullie kunnen zien loopt de header niet gelijk met de zijkant van het forum.

Ik denk dat het probleem in één van deze twee bestanden zit dus vandaar dat ik ze hier plaats.

http://www.pcweetjes.nl/groupcp_pending_info.txt
http://www.pcweetjes.nl/groupcp_user_body.txt

Ik hoop dat één van jullie mij kan helpen.

Alvast bedankt.

Groetjes Niek

[lifeguard]

welke browser gebruik je?
want hier blijft hij gewoon normaal...

Gebruik zelf opera 9.1
reso 1600x1200

[Bee]

Het staat bij mij op geen enkele pagina recht onder elkaar. Misschien een idee om van de inhoud, het logo en het menu maar een tabel te maken, en niet verschillende losse tabellen?

[Niek]

welke browser gebruik je?
want hier blijft hij gewoon normaal...

Gebruik zelf opera 9.1
reso 1600x1200

ik gebruik firefox en een resolutie van 1024x768.
En inderdaad, als ik met internet explorer mijn site bekijk ziet het er helemaal niet meer goed uit.

Het staat bij mij op geen enkele pagina recht onder elkaar. Misschien een idee om van de inhoud, het logo en het menu maar een tabel te maken, en niet verschillende losse tabellen?

Hij staat alleen mooi onder elkaar met een resolutie van 1024x768, vergeten te vermelden in de startpost . Bij een grotere resolutie zou de header in het midden moeten blijven staan.
Misschien een goed idee om het in 1 tabel te plaatsen, maar zou je me op weg kunnen helpen dit te realiseren.

Bedankt voor jullie antwoorden :thumb:

[Bee]

Met wat knutselwerk in overall_header.tpl is het volgens mij al geregeld

[Niek]

In overall header heb ik een vaste grote opgegeven voor mijn header namelijk 989 px.
Mijn navigatiebalk en het veld eronder wil ik graag op 100% zodat deze zich aanpast op de resolutie van de gebruikers.
Kan deze nu wel in 1 tabel of loop ik daarmee tegen problemen aan.

Het gaat om dit stuk.

Code: Selecteer alles

<table class="bodyline" width="989" cellspacing="0" cellpadding="0" border="0" align="center" style="border-bottom-width: 0px;">
   <tr>
      <td height="85">
                <a href="{U_INDEX}"><img  src="templates/Appalachia2/images/board_header.png" border="no"></td></tr>
</table>
<table class="bodyline" width="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="border-bottom-width: 0px;" background="templates/Appalachia2/images/bgbar_white.JPG">

        <tr>
        <td height="28" align="center" valign="middle" nowrap="nowrap"><FONT COLOR=ffffff>
        <span class="mainmenu"> <a href="{U_PORTAL}" class="mainmenu"><font color=white>Home </FONT></a>
        <span class="mainmenu">- <a href="{U_INDEX}" class="mainmenu"><font color=white><b>Forum</b> </FONT></a></span><span class="mainmenu">- <a href="{U_FAQ}" class="mainmenu"><font color=white>{L_FAQ} </FONT></a></span><span class="mainmenu">- <a href="{U_RULES}" class="mainmenu"><font color=white>{L_RULES} </FONT></a>- <a href="{U_SEARCH}" class="mainmenu"><font color=white>{L_SEARCH} </FONT></a>- <a href="{U_MEMBERLIST}" class="mainmenu"><font color=white>{L_MEMBERLIST} </FONT></a>- <a href="{U_GROUP_CP}" class="mainmenu"><font color=white>{L_USERGROUPS} </FONT></a>- <a href="{U_DOWNLOADS}" class="mainmenu"><font color=white>{L_DOWNLOADS} </FONT></a>
						<!-- BEGIN switch_user_logged_out -->
						- <a href="{U_REGISTER}" class="mainmenu"><font color=white>{L_REGISTER} </FONT></a></span>
						<!-- END switch_user_logged_out -->
        <span class="mainmenu">- <a href="{U_PROFILE}" class="mainmenu"><font color=white>{L_PROFILE} </FONT></a>- <a href="{U_PRIVATEMSGS}" class="mainmenu"><font color=white>{PRIVATE_MESSAGE_INFO} </FONT></a>- <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><font color=white>{L_LOGIN_LOGOUT}</FONT></a> </span>
        </td>
        </tr>
</TABLE>      



<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center">
	<TR> 
		<td class="bodyline">

[Bee]

Nee, dan gaat het moeilijk worden, of je moet een heel breed logo hebben met restruimte aan de rechterkant...

[Niek]

Is hier misschien nog een andere oplossing voor te bedenken.
Misschien voor elke resolutie een andere header met behulp van javascript ofzo.
Ik weet niet of dat mogelijk is, maar ik roep maar wat.

[Niek]

iemand die misschien weet hoe dit te doen?