PDA

View Full Version : Firefox / Internet Explorer Problem


Thorsten
08-02-2006, 08:23 PM
I have changed green leaves and its done now.
I tried it on most browser an mac as well on pc.
Only the Internet-Explorer (PC) makes trouble with
div.search-form
In IE it's UNDER the menu????
Why isnt it on top like it should be... Here is the
the link to my site...

Would be great if some know's what wrong here

Thorsten
08-02-2006, 08:25 PM
Here the most part of the css…

body
{
background-color: #EEEEEE;
font-family: Verdana, Tahoma, Arial;
font-size: 12px;
margin: 0;
padding: 0;
font-size: 82%;
margin-bottom: 20px;
margin-left: 1px;
margin-top: 19px;
}
strong
{
color: #000;
}
div.page
{
background-color: #FFF;
margin: 0 auto;
width: 770px;
border: 2px solid #999999;
}
div.header
{
height: 0px;
margin: 0px;
}
div.logo
{
width: 190px;
padding-top: 0px;
padding-left: 0px;
float: left;
}
div.vert-line
{
border-left: 1px solid #B9A37C;
float: left;
height: 40px;
margin: 10px 0 0 20px;
}

div.menu a
{
color: #B4A183;
}
div.top-menu
{
text-transform: uppercase;
width: 770px;
padding: 0px;
}
div.line
{
background-color: #D2D2D2;
width: 770px;
height: 5px;
}
ul.search
{
color: #FFF;
padding: 0px;
margin-top: 21px;
margin-right: 50px;
margin-bottom: 0;
}
ul.search li
{
padding: 0;
}
ul.search li a
{
color: #FFF;
font-size: 0.9em;
}
ul.menu
{
list-style-type: none;
margin: 0;
padding: 0;
margin-top: 13px;
float: right;
margin-right: 0px;
padding-right: 0px;
}
ul.menu li
{
float: left;
line-height: 20px;
background-image: url('../img/tab-left.gif');
background-position: top left;
background-repeat: no-repeat;
background-color: #61B005;
height: 23px;
top: 1000px;
padding-left: 0px;
margin: 0px 0px 0px 0px;
}
ul.menu li a
{
line-height: 23px;
padding: 0 13px 0 13px;
color: #FFF;
font-size: 0.75em;
font-weight: bold;
background-image: url('../img/tab-right.gif');
background-position: top right;
background-repeat: no-repeat;
display: block;
float: left;
text-decoration: none;
margin-top: 0px;
}
ul.menu li a:hover
{
color: #2375A7;
margin-top: 0px;
padding-top: 0px;
}
ul.menu li.active
{
color: #FFF;
font-weight: bold;
font-size: 0.75em;
background-image: url('../img/tab-left-act.gif');
background-position: top left;
background-repeat: no-repeat;
background-color: #F36700;
margin-top: 0px;
padding-top: 0px;
}
ul.menu li.active div
{
line-height: 23px;
padding: 0 15px 0 15px;
background-image: url('../img/tab-right-act.gif');
background-position: top right;
background-repeat: no-repeat;
}
ul.menu li.xml
{
background-image: none;
padding: 0 0 0 20px;
}
ul.menu li.xml a
{
padding: 2px 0 0 0;
background-image: none;
}
div.lang-switch
{
float: right;
line-height: 14px;
font-size: 0.85em;
margin: 24px 9px 0 0px;
}
ul.lang-switch
{
list-style-type: none;
margin: 0;
}
ul.lang-switch li
{
color: #ffffff;
border-right: 1px solid #FFF;
float: left;
padding-right: 4px;
font-weight: bold;
font-size: 12px;
}
ul.lang-switch li a
{
color: #ffffff;
font-weight: normal;
text-decoration: none;
font-size: 10px;
}
div.link-sorting
{
font-size: 0.80em;
text-align: center;
}
div.link-sorting a
{
font-weight: bold;
}
div.search-form
{
font-size: 0.80em;
font-weight: bold;
background-image: url('../img/search-bg.gif');
background-position: top;
background-repeat: repeat-x;
height: 59px;
width: 770px;
}
div.search-form a
{
color: #4983A9;
}
div.search-tools
{
margin-left: 5px;
margin-right: 5px;
background-color: #7EA5D0;
border-bottom: 2px solid #5A8FC3;
height: 28px;
}
input.what
{
border-top: 2px solid #111;
border-left: 2px solid #111;
border-right: 2px solid #CCC;
border-bottom: 2px solid #CCC;
}
div.bottom
{
clear: both;
color: #B2B2B2;
font-size: 0.78em;
text-align: center;
background-image: url('../img/bottom-bg.gif');
background-repeat: repeat-x;
height: 20px;
padding: 7px 0px 0px 0px;
}
div.bottom a
{
color: #FFF;
font-weight: bold;
}
div.copyright
{
margin: 10px 0;
position: relative;
text-align: center;
color: #FFF;
}
div.copyright a
{
color: #FFF;
}
input, textarea
{
font-size: 0.95em;
font-family: Verdana;
}
div.content
{
border-bottom: none;
border-top: 1px solid #61B005;
border-bottom: 1px solid #61B005;
padding-bottom: 55px;
padding-top: 35px;
}
div.breadcrumb
{
font-weight: bold;
font-size: 0.90em;
padding: 10px 0 0 10px;
}
div.breadcrumb a
{
color: #575757;
}
p
{
padding: 0;
margin: 0;
}
p.date
{
font-size: 0.85em;
}
p.news
{
margin-top: 5px;
font-size: 0.85em;
}
p.last
{
font-size: 0.85em;
margin-top: 5px;
text-align: right;
}
h2
{
font-size: 1em;
margin: 0 0 10px 0;
padding: 0;
}
img
{
border: 0;
}

form
{
padding: 0;
margin: 0;
}

.clearfix:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

* html .clearfix
{
height: 1%;
}
.button
{
text-align: right;
margin-bottom: 10px;
}
h1
{
color: #3F780C;
font-size: 1.4em;
font-weight: bold;
padding: 10px 0 0 10px;
margin: 3px 0px 0 0;
}
h1 a
{
color: #161616;
}
p.date
{
font-size: 0.85em;
}
p.news
{
margin-top: 5px;
font-size: 0.85em;
}
p.last
{
font-size: 0.85em;
margin-top: 5px;
text-align: right;
}
.clearfix:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

* html .clearfix
{
height: 1%;
}

div.field
{
font-size: 1em;
font-weight: bold;
margin-bottom: 10px;
}
fieldset
{
border: 1px solid #AF1600;
margin: 5px;
}
legend
{
color: #333;
background-color: #f1f1f1;
border: 1px solid #AF1600;
font-weight: bold;
padding: 3px;
}
div.links
{
text-align: justify;
}
div.links a
{
color: #1979B5;
}

a.title
{
font-size: 0.9em;
font-weight: bold;
}
div.url
{
color: #6EB82F;
padding: 0;
margin: 2px;
font-size: 0.8em;
font-style: italic;
}
div.description
{
color: #333;
padding: 0;
margin: 2px;
font-size: 0.8em;
}
div.stat
{
color: #333;
padding: 0;
margin: 2px;
font-size: 0.8em;
}
div.pr_stat
{
color: #333;
font-size: 0.75em;
margin: 2px 2px 15px 2px;
}
form
{
margin: 0;
padding: 0;
}
div.categories
{
font-size: 0.95em;
list-style-type: none;
background-color: #FFF;
border-bottom: none;
width: 730px;
padding: 0px 0px 20px 0px;
}
div.categories a
{
color: #0066CC;
font-weight: bold;
}
div.categories div.col
{
float: left;
height: 100%;
text-align: left;
width: 195px;
padding-top: 15px;
position: relative;
}
div.categories div.last
{
float: left;
height: 100%;
text-align: left;
width: 205px;
padding-top: 15px;
}
div.subcategories
{
padding-left: 30px;
}
div.subcategories a
{
font-size: 0.8em;
font-weight: bold;
color: #1979B5;
}
div.categories div.divider
{
clear: both;
height: 1px;
}
div.categories div.categ
{
line-height: 22px;
padding-left: 15px;
background-image: url('../img/ico-dir.gif');
background-position: top left;
background-repeat: no-repeat;
margin-left: 5px;
padding-left: 25px;
}
.no
{
border: none;
}
a.no
{
text-decoration: none;
}
.editor-welcome
{
padding: 0;
text-align: left;
}
.editor-content
{
padding: 0;
text-align: center;
}
div.notification
{
background-color: #FFE9DF;
background-image: url('../img/notif-angle.gif');
background-position: top-left;
background-repeat: no-repeat;
border: 2px solid #FD7D47;
font-weight: bold;
margin: 10px;
padding: 5px;
}
div.error
{
background-color: #FFE9DF;
background-image: url('../img/notif-angle.gif');
background-position: top-left;
background-repeat: no-repeat;
border: 2px solid #FD7D47;
font-weight: bold;
margin: 10px;
padding: 5px;
}
div.navigation
{
color: #333;
clear: both;
margin: 0px 0 15px 0;
text-align: center;
}
div.navigation a
{
color: #333;
}
div.pagerank
{
border: 1px solid #ccc;
height: 4px;
margin: 0;
padding: 0;
width: 100px;
}
div.inner-pagerank
{
margin-top: -1px;
background-image: url('../img/pr10.gif');
float: left;
height: 5px;
padding: 0;
}
div.preview
{
background-image: url('../img/no-preview.gif');
background-repeat: no-repeat;
background-position: top left;
border: 1px solid #ccc;
height: 90px;
width: 120px;
}
div.adsense
{
margin: 10px 0;
text-align: center;
}
div.box
{
clear: both;
margin: 10px 5px 0px 5px;
}
div.box-caption
{
background-image: url('../img/green-caption-bg.gif');
background-repeat: repeat-x;
background-color: #61B005;
color: #FFF;
font-size: 0.95em;
font-weight: bold;
line-height: 29px;
padding-left: 5px;
margin: 0 21px 0 21px;
}
div.box-caption-left
{
background-image: url('../img/green-caption-left.gif');
background-repeat: no-repeat;
background-position: left;
height: 29px;
}
div.box-caption-right
{
background-image: url('../img/green-caption-right.gif');
background-repeat: no-repeat;
background-position: right;
background-color: #61B005;
height: 29px;
}
div.box-caption2
{
background-image: url('../img/orange-caption-bg.gif');
background-repeat: repeat-x;
background-color: #F36700;
color: #FFF;
font-size: 0.95em;
font-weight: bold;
line-height: 29px;
padding-left: 5px;
margin: 0 21px 0 21px;
}
div.box-caption2-left
{
background-image: url('../img/orange-caption-left.gif');
background-repeat: no-repeat;
background-position: left;
height: 29px;
}
div.box-caption2-right
{
background-color: #F36700;
background-image: url('../img/orange-caption-right.gif');
background-repeat: no-repeat;
background-position: right;
height: 29px;
}
div.box-content
{
padding: 0px;
}
div.box-bottom-left
{
background-image: url('../img/box-bottom-left.gif');
background-position: bottom left;
background-repeat: no-repeat;
height: 9px;
}
div.box-bottom-right
{
background-image: url('../img/box-bottom-right.gif');
background-position: bottom right;
background-repeat: no-repeat;
margin-left: 10px;
height: 9px;
}

WTM
08-02-2006, 11:29 PM
I don't see search form at all...

Thorsten
08-03-2006, 12:13 AM
it's back now (search form). But that changed nothing... Do you have a idea
what it can be?
:ooi:
Would be great

Greg
08-03-2006, 12:20 AM
My first look at it I see in css file:
div.logo
{
float: left;
width: 190px;
padding-top: 0px;
padding-bottom: 0;
padding-left: 0px;
}

div.logo
{
float: left;
width: 190px;
padding: 0px 0 0 0px;
}

One of these (should ony be one) may be part of the problem. Try removing the first one.

And post your header.tpl file.
Looking at the source code you have the search form table "under" the top menu.
<div class="top-menu">
<table border="0" align="right" cellpadding="0" cellspacing="0" width="770">
<tr>
<td>

<ul class="menu"><li class="active" ><div>Home</div></li><li><a href="http://links.onlinks.com/search.php">Suchen</a></li><li><a href="http://links.onlinks.com/new-links.html">Neue Links</a></li><li><a href="http://links.onlinks.com/top-links.html">Top Links</a></li><li><a href="http://links.onlinks.com/popular-links.html">Beliebte Links</a></li><li><a href="http://links.onlinks.com/suggest-link.php?id=0" rel="nofollow">Link Vorschlagen</a></li><li><a href="http://links.onlinks.com/suggest-category.php?id=0" rel="nofollow">Kategorie vorschlagen</a></li></ul>
</td>
</tr>
</table>
</div>

<div class="search-form">
<form action="http://links.onlinks.com/search.php" method="get">
<table cellpadding="0" cellspacing="0" align="center" style="margin-top: 0px;">
<tr>
<td rowspan="2" align="RIGHT" height="0" valign="MIDDLE">
<ul class="search">
<li><a href="http://links.onlinks.com/search.php">Erweiterte Suche</a></li>
</ul>
</td>

<td style="color: #FFF; size:14px; text-transform: uppercase;" align="RIGHT" height="59">Suchen</td>
<td colspan="2" valign="middle" style="padding: 0 5px 1px 7px;" align="RIGHT" height="59"><input type="text" class="what" name="what" size="40" /></td>
<td colspan="2" align="RIGHT" height="59"><input type="image" src="http://links.onlinks.com/templates/GreenLeaves/img/btn-search.gif" name="search_top" value="GO" /></td>
<td>

</td>
</tr>
</table>
</form>

</div>

WTM
08-03-2006, 12:30 AM
You need to move your <div class="search-form">
inside of <div class="header">
It should look something like this:
<div class="header">
<div class="logo">code for logo</div>
<div class="search-form">code for search form</div>
<div class="lang-switch">code for language switch</div>
</div>

Thorsten
08-03-2006, 01:09 AM
ok, the div.logo I have removed. I dont know, must be there
by mistake.

I placed the menu now under the search form table which
helped a bit... But need to get the search form table on 0 (top)

Here is my header.tpl
(actually I would like it without search bar & and without the
adv. search)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>

<head>
<title>{$title}&nbsp;{$config.suffix}</title>
<meta http-equiv="Content-Type" content="text/html;charset={$config.charset}" />
<base href="{$config.base}{$config.dir}" />
<link rel="stylesheet" type="text/css" href="{$templates}/css/style.css" />
{if $category.id > 0}
<link rel="alternate" type="application/rss+xml" title="{$category.title}" href="{$config.base}{$config.dir}plugins/rss/feed.php?id={$category.id}" />
{/if}
{if $rss}
<link rel="alternate" type="application/rss+xml" title="{$category.title}" href="{$config.base}{$config.dir}plugins/rss/feed.php?list={$rss}" />
{/if}
<meta name="description" content="{$description}" />
<meta name="keywords" content="{$keywords}" />
</head>

<body>
<div class="page">
<div class="header">
<div class="logo"><a href="/"><img src="{$img}logo.gif" alt="" title="" /></a></div>
{if $config.language_switch}
<div class="lang-switch">
<ul class="lang-switch">
{foreach from=$languages item=language name=select_lang}
<li {if $smarty.foreach.select_lang.last}style="border-right: none;"{/if}>
{if $language eq $config.lang}
&nbsp;{$language}</li>
{else}
&nbsp;<a href="{$smarty.server.REQUEST_URI|add_url_param:'languag e':$language}">{$language}</a></li>
{/if}
{/foreach}
</ul>
</div>
{/if}
</div>

<div class="search-form">
<form action="{$config.base}{$config.dir}search.php" method="get">
<table cellpadding="0" cellspacing="0" align="center" style="margin-top: 0px;">
<tr>
<td rowspan="2" align="RIGHT" height="0" valign="MIDDLE">
<ul class="search">
<li><a href="{$config.base}{$config.dir}search.php">{$lang.advanced_search}</a></li>
</ul>
</td>
<td style="color: #FFF; size:14px; text-transform: uppercase;" align="RIGHT" height="59">{$lang.search}</td>
<td colspan="2" valign="middle" style="padding: 0 5px 1px 7px;" align="RIGHT" height="59"><input type="text" class="what" name="what" size="40" /></td>
<td colspan="2" align="RIGHT" height="59"><input type="image" src="{$img}btn-search.gif" name="search_top" value="GO" /></td>
<td>

</td>
</tr>
</table>
</form>
<p>
<div class="top-menu">
<table border="0" align="right" cellpadding="0" cellspacing="0" width="770">
<tr>
<td>
<ul class="menu">{$menu}</ul>
</td>
</tr>
</table>
</div>
</p>
</div>

<div class="content">
<table cellpadding="0" cellspacing="0" width="770 align="center">
<tr>
<td valign="top" height="10%" class="column">
{if $config.editors}
<div class="box">
<div class="box-caption2-right">
<div class="box-caption2-left">
<div class="box-caption2">{$lang.editors_area}</div>
</div>
</div>
<div class="box-content">
{if $editor}
{$lang.welcome}, <strong>{$editor.username}</strong>!
<ul class="editor-menu">
{if $category.id > 0 || $config.categories_list}
<li><a href="suggest-category.php{if $category.id}?id={$category.id}{else}?id=0{/if}">{$lang.suggest_category}</a></li>
<li><a href="suggest-link.php{if $category.id}?id={$category.id}{else}?id=0{/if}">{$lang.suggest_link}</a></li>
{/if}
{if $editor.type}
<li><a href="approval-links.php">{$lang.approval_links}</a></li>
<li><a href="editor-categories.php">{$lang.view_my_categories}</a></li>
{/if}
<li><a href="editor-links.php">{$lang.view_my_links}</a></li>
<li><a href="editor-account.php">{$lang.edit_account}</a></li>
{foreach from=$menus item=menu_item name=bottom_menus}
{in_array_exist def=3 values=$menu_item.menus}
{if $result_valid}
<li>{if $menu_item.unique_url}
<a href="{$menu_item.unique_url}">{$lang[$menu_item.name]}</a>
{else}
{if $config.mod_rewrite}
<a href="{$config.base}{$config.dir}p{$menu_item.name}.html">{$lang[$menu_item.name]}</a>
{else}
<a href="{$config.base}{$config.dir}page.php?name={$menu_it em.name}">{$lang[$menu_item.name]}</a>
{/if}
{/if}</li>
{/if}
{/foreach}
<li><a href="logout.php?action=logout">{$lang.logout}</a></li>
</ul>
{else}
<form action="{$config.base}{$config.dir}login.php" method="post">
<table class="no" cellpadding="2" cellspacing="0">
<tr>
<td>{$lang.username}:<br /><input type="text" tabindex="1" name="username" size="20" value="" /></td>
</tr>
<tr>
<td>{$lang.password}:<br /><input type="password" tabindex="2" name="password" size="20" value="" /></td>
</tr>
<tr>
<td colspan="2" style="font-size: 10px;"><input type="submit" tabindex="3" name="login" value="{$lang.login}" />
<a href="{$config.base}{$config.dir}forgot.php">{$lang.forgot}</a>
{if $category.id > 0 OR not $config.editors_dmoz}
<a href="{$config.base}{$config.dir}register.php?id={$categ ory.id}" rel="nofollow">{$lang.register}</a>
{/if}</td>
</tr>
</table>
</form>
{/if}</div>
</div>
{/if}

{if $news && $config.news}
<div class="box">
<div class="box-caption2-right">
<div class="box-caption2-left">
<div class="box-caption2">{$lang.news}</div>
</div>
</div>
<div class="box-content">
<div class="links">
{foreach from=$news item=one_news}
<div class="news-title">
{if $config.mod_rewrite}
<a href="{$config.base}{$config.dir}news/{convert_str string=$one_news.title}-n{$one_news.id}.html" id="news{$one_news.id}">{$one_news.title}</a></div>
{else}
<a href="{$config.base}{$config.dir}news.php?id={$one_news. id}" id="news{$one_news.id}">{$one_news.title}</a></div>
{/if}
<div class="news-body">{$one_news.body|truncate:$config.news_max:"..."}</div>
<div class="news-date">{$one_news.date|date_format:$config.date_format}</div>
{/foreach}
</div>
</div>
</div>
{/if}
</td>
<td class="dotted"></td>
<td valign="top">{$breadcrumb}

{$adsense}

Thanks guys for helping out!!!