GorbGreen II weergave in Firefox incorrect

starduzt · Bericht door **starduzt** » 18 feb 2006, 17:39

Template: GorbGreen II (jasidog)

Een jaar geleden heb ik deze template in gebruik genomen.
In de header heb ik een 'groot' logo geplaatst.
Het menu daaronder werd automatisch onder dit logo weergegeven.
Nu is het zo dat dit in andere browsers dan MS IE dit niet het geval is:
het menu staat op de originele plaats dwars door het logo.

Weet iemand waar ik de 'hoogte' van het menu kan instellen,
en evt. hoe?

Slangenforum
Ontwikkelings area nieuw slangenforum nog zonder logo, mods e.d.

Alvast kei bedankt

:thumb:

lifeguard · Bericht door **lifeguard** » 18 feb 2006, 19:04

ik gebruik geen i,e maar zie het gewoon

starduzt · Bericht door **starduzt** » 18 feb 2006, 19:43

Welke browser gebruik je dan?

Nymphy · Bericht door **Nymphy** » 18 feb 2006, 19:45

In opera klopt het iig ook gewoon

starduzt · Bericht door **starduzt** » 18 feb 2006, 19:50

Hmz dan zal het dus alleen Firefox zijn...

starduzt · Bericht door **starduzt** » 19 feb 2006, 21:19

*bump*

Weet niemand waar ik dit kan aanpassen?

Carlo Claessen · Bericht door **Carlo Claessen** » 19 feb 2006, 21:44

als je even zegt wat er niet goed is weten wij waar we moeten kijken

starduzt · Bericht door **starduzt** » 19 feb 2006, 21:53

De menubalk wat onder het logo staat wordt in Firefox hoger (dwars door het logo heen) weergegeven... Ik ben op zoek naar een oplossing hiervoor.

Raimon · Bericht door **Raimon** » 19 feb 2006, 22:00

@ Carlo Cleassen zie dit printscreentje (kader zwart)

Ordeelt wat makkelijker

Carlo Claessen · Bericht door **Carlo Claessen** » 19 feb 2006, 23:16

Code: Selecteer alles

#head-logo {
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 86px;
}

Code: Selecteer alles

<a href="http://www.slangenforum.com"><img src="http://www.slangenforum.com/logo.jpg" border="0">

Code: Selecteer alles

#navstrip {
	background-color: #5A8A8C;
	padding: 3px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: White;
	background-image: url(images/navstrip.gif);
	background-position: top;
	background-repeat: repeat-x;
}

Code: Selecteer alles

<div id="navstrip">
<a href="{U_ALBUM}"><font color="white">Foto {L_ALBUM}</font></a> &nbsp;&middot;&nbsp;

<!-- BEGIN switch_user_logged_in -->
<a href="javascript:void(0);" onClick="window.open('{S_JOIN_CHAT}','{CHATBOX_NAME}','scrollbars=no,width=540,height=450')" >Chat</a>&nbsp;

&nbsp;&middot;&nbsp;
<!-- END switch_user_logged_in -->
<a href="{U_GAMES}">{L_GAMES}</a> &nbsp;&middot;&nbsp;
<a href="{U_LINKEN}">{L_LINKEN}</a> &nbsp;&middot;&nbsp;
<a href="{U_CONTACT}">{L_CONTACT}</a>

</div>
<div id="navstrip">

<a href="{U_FAQ}">{L_FAQ}</a> &nbsp;&middot;&nbsp; <a href="{U_SEARCH}">{L_SEARCH}</a> 
        &nbsp;&middot;&nbsp; <a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a> &nbsp;&middot;&nbsp; 
        <a href="{U_GROUP_CP}">{L_USERGROUPS}</a> &nbsp;&middot;&nbsp; 
        <!-- BEGIN switch_user_logged_out -->
        <a href="{U_REGISTER}"><font color="white">{L_REGISTER}</font></a> &nbsp;&middot;&nbsp; 
        <!-- END switch_user_logged_out -->
        <a href="{U_PROFILE}">{L_PROFILE}</a> &nbsp;&middot;&nbsp; <a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a> 
        &nbsp;&middot;&nbsp; <a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a> </div>

check mijn signatuur eens, je html stikt van de fouten en je hebt een leuke css ter beschikking

ik geef hierboven wat foute html aan en wat dubbele dingen (2 logo's

)

sccs ermee

starduzt · Bericht door **starduzt** » 21 feb 2006, 19:07

Carlo bedankt voor je reactie. :thumb:
Ik heb inmiddels aan de hand van je tips al een hoop fouten eruit gevist,
en nog belangerijker: de header wordt nu correct weergegeven in Mozilla Firefox.

Bedankt!

@ Raimon: Bedankt voor de screen