 Firefox mess-up, Firefox make a mess of my skin |
|
ISO Image
Creator | Cheap
EQ2 gold - Buy EQ2 gold, EVE ISK, EQ Plat and more!
Firefox mess-up, Firefox make a mess of my skin
Jun 13 2005, 09:07 AM
Post
#1
Helpful Member
Group: Members
Posts: 80
Joined: 7-January 05
From: dutch Nedelands.NL
Member No.: 26,563
Nothing Selected
I hae a little problem.
I have a skin install on my forum, it look great in internet explorer.
See Screen shot
When I open my forum with in firefox, my skin look all mess-up.
See Screen Shot
someone an Idée what happening.
this is my global_board_header codeQUOTE<!--ipb.javascript.start-->
<script type="text/javascript">
<!--
var ipb_var_st = "{ipb.input['st']}";
var ipb_lang_tpl_q1 = "{ipb.lang['tpl_q1']}";
var ipb_var_s = "{ipb.session_id}";
var ipb_var_phpext = "{ipb.vars['php_ext']}";
var ipb_var_base_url = "{ipb.script_url}";
var ipb_input_f = "{ipb.input['f']}";
var ipb_input_t = "{ipb.input['t']}";
var ipb_input_p = "{ipb.input['p']}";
var ipb_var_cookieid = "{ipb.vars['cookie_id']}";
var ipb_var_cookie_domain = "{ipb.vars['cookie_domain']}";
var ipb_var_cookie_path = "{ipb.vars['cookie_path']}";
//-->
</script>
<script type="text/javascript" src='jscripts/ipb_global.js'></script>
<!--ipb.javascript.end-->
<div class="borderwrap">
<div id="logostrip"><a href='{ipb.script_url}'><!--ipb.logo.start--><img src='style_images/<#IMG_DIR#>/logo4.gif' style='vertical-align:top' alt='IPB' border='0' /><!--ipb.logo.end--></a></div>
<div id="submenu">
<p class="home"><!--ipb.rightlinks.start--><a href="{ipb.vars['home_url']}">{ipb.vars['home_name']}</a><!--IBF.RULES--><!--ipb.leftlinks.end--></p>
<p><!--ipb.rightlinks.start-->
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="704"><img src="style_images/<#IMG_DIR#>/header_navb script:jukebox_pop();'>Jukebox</a><a href="{ipb.script_url}act=Members">{ipb.lang['tb_mlist']}</a><a href="{ipb.script_url}act=downloads">{ipb.lang['tb_downloads']}</a><a href="{ipb.script_url}act=calendar">{ipb.lang['tb_calendar']}</a><!--IBF.CHATLINK--><!--IBF.TSLLINK-->
<!--ipb.rightlinks.end--></p>
</div>
</div>
I can use some great help here 
Jun 13 2005, 09:35 AM
Post
#2
Themer
Group: Members
Posts: 120
Joined: 17-March 05
From: England
Member No.: 29,841
United Kingdom
My guess is that some values in the CSS of the skin are wrong, such as the height of the main picture at the top. You will need to edit the height value of what I am guessing to be logo4.gif. To change this, you can edit it from the Skins & Templates section in the Admin CP. Select your skin then choose the Edit Root Skin Stylesheet(CSS Advanced Mode). You will then just need to scroll down to find something like this:
(It should be nearer the bottom)CODE#logostrip{
background: #3860BB url(<#IMG_DIR#>/tile_back.gif);
border: 1px solid #FFF;
height: 68px;
margin: 0;
padding: 0;
}
From there you will need to get the value of the picture at the top of the screen and just edit '68' to whatever it is. Save the CSS and then test.
Hope this solves the problem 
-Mackins 
Jun 13 2005, 11:48 AM
Post
#3
Helpful Member
Group: Members
Posts: 80
Joined: 7-January 05
From: dutch Nedelands.NL
Member No.: 26,563
Nothing Selected
QUOTEHope this solves the problem
Mackins
Great 
that,s Problem number 1 solves .
And 1 to go 
now what I want, is to move the link frome the Left site to the right site, just as in internet explore
See screen shot firefox- fix
And this is how I want it to look like.
see screen shot Explorer.
And whole a lot of thanks for the helping me out
appreciate a lot
Jun 14 2005, 10:24 AM
Post
#4
Themer
Group: Members
Posts: 120
Joined: 17-March 05
From: England
Member No.: 29,841
United Kingdom
I'm not sure what kind of messed up version of IPB you're using because a bit of that global_board_header code is wrong
.
Tell me if this works out for you:CODE<!--ipb.javascript.start-->
<script type="text/javascript">
<!--
var ipb_var_st = "{ipb.input['st']}";
var ipb_lang_tpl_q1 = "{ipb.lang['tpl_q1']}";
var ipb_var_s = "{ipb.session_id}";
var ipb_var_phpext = "{ipb.vars['php_ext']}";
var ipb_var_base_url = "{ipb.script_url}";
var ipb_input_f = "{ipb.input['f']}";
var ipb_input_t = "{ipb.input['t']}";
var ipb_input_p = "{ipb.input['p']}";
var ipb_var_cookieid = "{ipb.vars['cookie_id']}";
var ipb_var_cookie_domain = "{ipb.vars['cookie_domain']}";
var ipb_var_cookie_path = "{ipb.vars['cookie_path']}";
//-->
</script>
<script type="text/javascript" src='jscripts/ipb_global.js'></script>
<!--ipb.javascript.end-->
<div class="borderwrap">
<div id="logostrip"><a href='{ipb.script_url}'><!--ipb.logo.start--><img src='style_images/<#IMG_DIR#>/logo4.gif' style='vertical-align:top' alt='IPB' border='0' /><!--ipb.logo.end--></a></div>
<div id="submenu">
<p class="home"><!--ipb.leftlinks.start--><a href="{ipb.vars['home_url']}">{ipb.vars['home_name']}</a><!--IBF.RULES--><!--ipb.leftlinks.end--></p>
<p><!--ipb.rightlinks.start-->
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="704"><img src="style_images/<#IMG_DIR#>/header_navbg.gif" alt="" width="100%" height="22" /></td>
<td width="77"><a href="index.php"><img src="style_images/<#IMG_DIR#>/header_navhome.gif" alt="" width="77" height="22" border="0" /></a></td>
<td width="70"><a href="{ipb.script_url}act=UserCP&CODE=00"><img src="style_images/<#IMG_DIR#>/header_navusercp.gif" alt="" width="70" height="22" border="0" /></a></td>
<td width="70"><a href="{ipb.script_url}act=Reg&CODE=00"><img src="style_images/<#IMG_DIR#>/header_navregister.gif" alt="" width="70" height="22" border="0" /></a></td>
<td width="71"><a href="{ipb.script_url}act=calendar"><img src="style_images/<#IMG_DIR#>/header_navcalendar.gif" alt="" width="71" height="22" border="0" /></a></td>
<td width="70"><a href="{ipb.script_url}act=Members"><img src="style_images/<#IMG_DIR#>/header_navmembers.gif" alt="" width="70" height="22" border="0" /></a></td>
<td width="72"><a href="{ipb.script_url}act=Help"><img src="style_images/<#IMG_DIR#>/header_navhelp.gif" alt="" width="72" height="22" border="0" /></a></td>
<td width="74"><a href="{ipb.script_url}act=Search&f={ipb.input['f']}"><img src="style_images/<#IMG_DIR#>/header_navsearch.gif" alt="" width="74" height="22" border="0" /></a></td>
</tr>
</table>
</tr>
<div align="right"><a href='{ipb.script_url}act=army'>{ipb.lang['army']}</a><a href="{ipb.script_url}act=Help">{ipb.lang['tb_help']}</a><a href="{ipb.script_url}act=cinema">Cinema</a><a href='{ipb.script_url}act=Arcade'>Arcade</a><a href="{ipb.script_url}act=Search&f={ipb.input['f']}">{ipb.lang['tb_search']}</a><a href='javascript:jukebox_pop();'>Jukebox</a><a href="{ipb.script_url}act=Members">{ipb.lang['tb_mlist']}</a><a href="{ipb.script_url}act=downloads">{ipb.lang['tb_downloads']}</a><a href="{ipb.script_url}act=calendar">{ipb.lang['tb_calendar']}</a><!--IBF.CHATLINK--><!--IBF.TSLLINK--></div>
<!--ipb.rightlinks.end--></p>
</div>
</div>
This might have a couple of bugs, but just tell me if it does.
Jun 14 2005, 04:39 PM
Post
#5
Helpful Member
Group: Members
Posts: 80
Joined: 7-January 05
From: dutch Nedelands.NL
Member No.: 26,563
Nothing Selected
Mackins
the global_board_header code of yours did the job.
works great thnx man
Only yet a question,
for I am a little bit Confuse .
how can that Iexplore show the same global_board_header with oud problem ? 
This post has been edited by tockrock: Jun 14 2005, 04:40 PM
Jun 15 2005, 01:57 AM
Post
#6
Themer
Group: Members
Posts: 120
Joined: 17-March 05
From: England
Member No.: 29,841
United Kingdom
To be honest, I'm not entirely sure but heres my theory:
Some of the global_board_header code was wrong and IExplorer, 
, just dealt with it how it saw fit, whereas Mozilla Firefox, with it's precise scripting and advanced CSS, created the page as the code actually says. I think it had something to do with the extra links that you wanted underneath the others being outside of the table that they are supposed to be, therefore escaping the <!--ipb.rightlinks.start--> wrapper somehow. I overcame this by simply adding a <div align="right">links_here</div> to make the links appear at the right.
Jun 16 2005, 06:40 AM
Post
#7
Administrator
Group: Admin
Posts: 10,302
Joined: 9-February 03
From: Jacksonville, FL
Member No.: 1
United States
btw, the height issue I see all the time (think there is a post here on it actually) and can also be overcome by adding the height css to id="logostrip".
Either way works though.
Jun 17 2005, 11:53 AM
Post
#8
Helpful Member
Group: Members
Posts: 80
Joined: 7-January 05
From: dutch Nedelands.NL
Member No.: 26,563
Nothing Selected
ok thnx for the explanation.
and for all the help that I get with this topic .
whole a lot of thanks
Jun 17 2005, 02:52 PM
Post
#9
Themer
Group: Members
Posts: 120
Joined: 17-March 05
From: England
Member No.: 29,841
United Kingdom
QUOTE(bfarber @ Jun 16 2005, 11:40 AM)btw, the height issue I see all the time (think there is a post here on it actually) and can also be overcome by adding the height css to id="logostrip". Either way works though. 
Surely that would just be a heirarchy override, which can be buggy sometimes, which is why I never do it like that. 
-Mackins
Jun 18 2005, 02:51 AM
Post
#10
Helpful Member
Group: Members
Posts: 80
Joined: 7-January 05
From: dutch Nedelands.NL
Member No.: 26,563
Nothing Selected
QUOTE(Mackins @ Jun 17 2005, 02:52 PM)QUOTE(bfarber @ Jun 16 2005, 11:40 AM)btw, the height issue I see all the time (think there is a post here on it actually) and can also be overcome by adding the height css to id="logostrip". Either way works though.
Surely that would just be a heirarchy override, which can be buggy sometimes, which is why I never do it like that.
-Mackins
Your talk here get through, only I understand quite little of it. 
Is there a kind of tutorial with can teach me
How must I take this in the future on?
Because I always wont to make changes to whatever on a new skin.
And yes you gays are great helping me out.
But I am hungry to learn
Maybe if you to combine force a ride a tutorial for gays as I can learn of it.
It is only an idea
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:
Lo-Fi Version
Time is now: 8th August 2008 - 01:44 PM
Webber Enhanced skin created by Im4eversmart of RuneHQ.
