Positionierungs Problem im Header
Verfasst: 14.09.2009 01:18
Hallo wieder =)
sry wieder... mein server ist immernoch nicht fitt -.- die domain funzt nach wie vor noch nicht... kann daher keinen link grad schicken =( hoffe die daten reichen... mache so ausführlich wies geht, aber trotzdem so knapp wies geht
um nicht zu sehr zu verwirren =)
Also... diesmal habe ich ein Problem mit dem Posititionieren von selbst zusammenkopierten links aus anderen bereichen des forums... wollte platz sparen im forum und habe die wichtigsten funktionen in den headerkopiert... aber leider bekomm ich das erstens nicht richtig positioniert, besonders im IE siehts total komisch verschoben aus... und naja bei dem (0 neue Nachrichten) habe ich die klammern weg gemacht und davor "Du hast" geschrieben... aber hab da noch nicht dran gedacht das wenn ein user nicht eingeloggt ist da immernoch dieses "Du hast" steht
das sieht ein wenig komisch aus =) sollte schon so sein das das zusammen hängt... also das wenn user nicht eingeloggt ist da kein du hast steht, aber wenn er eingeloggt ist der ganze satz da steht "Du hast 0 neue Nachrichten" und zu allem übel habe ich ein ähnliches problem mit "Eigene Beiträg" das wird auch angezeigt wenn ein User NICHT eingeloggt ist... das sollte auch erst dann angezeigt sein wenn der user eingeloggt ist.. könnte mir einer bitte verraten wie das geht? =) nehme an habe in der ganzen zeile:
irgendwas falsch gemacht... wenn nich sogar alles lol... ist vieleicht auch keine gude idee gewesen das ganze in eine extra div zu packen... aber wusste nich wie ich es sonst positionieren soll =/
also kurz zusammen fassung der probleme:
Positionierung von:
Dein letzter Besuch: So 13. Sep 2009, 16:59
Du hast 0 neue Nachrichten - Eigene Beiträg
das rote wird immer angezeigt... logischerweise weil ich es ja einfach in den header overall reingeschrieben habe... weil ich nich weis wies eben richtig geht...
und das Eigene Beiträge soll auch nur angezeigt werden wenn der User eingeloggt ist...
Hier der code von der ganzen Overeall_Header File:
und hier die dazugehörigen CSS einträge:
sry wieder... mein server ist immernoch nicht fitt -.- die domain funzt nach wie vor noch nicht... kann daher keinen link grad schicken =( hoffe die daten reichen... mache so ausführlich wies geht, aber trotzdem so knapp wies geht

Also... diesmal habe ich ein Problem mit dem Posititionieren von selbst zusammenkopierten links aus anderen bereichen des forums... wollte platz sparen im forum und habe die wichtigsten funktionen in den headerkopiert... aber leider bekomm ich das erstens nicht richtig positioniert, besonders im IE siehts total komisch verschoben aus... und naja bei dem (0 neue Nachrichten) habe ich die klammern weg gemacht und davor "Du hast" geschrieben... aber hab da noch nicht dran gedacht das wenn ein user nicht eingeloggt ist da immernoch dieses "Du hast" steht

Code: Alles auswählen
<div id="headerdaten">
<p class="{S_CONTENT_FLOW_END}<!-- IF S_USER_LOGGED_IN --> rightside<!-- ENDIF -->"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ELSE -->{CURRENT_TIME}<!-- ENDIF --><br />
Du hast <a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a> - <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></p>
</div>
also kurz zusammen fassung der probleme:
Positionierung von:
Dein letzter Besuch: So 13. Sep 2009, 16:59
Du hast 0 neue Nachrichten - Eigene Beiträg
das rote wird immer angezeigt... logischerweise weil ich es ja einfach in den header overall reingeschrieben habe... weil ich nich weis wies eben richtig geht...
und das Eigene Beiträge soll auch nur angezeigt werden wenn der User eingeloggt ist...
Hier der code von der ganzen Overeall_Header File:
Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
{META}
<title>{SITENAME} • <!-- IF S_IN_MCP -->{L_MCP} • <!-- ELSEIF S_IN_UCP -->{L_UCP} • <!-- ENDIF -->{PAGE_TITLE}</title>
<script type="text/javascript">
// <![CDATA[
var jump_page = '{LA_JUMP_PAGE}:';
var on_page = '{ON_PAGE}';
var per_page = '{PER_PAGE}';
var base_url = '{A_BASE_URL}';
var style_cookie = 'phpBBstyle';
var style_cookie_settings = '{A_COOKIE_SETTINGS}';
var onload_functions = new Array();
var onunload_functions = new Array();
<!-- IF S_USER_PM_POPUP -->
if ({S_NEW_PM})
{
var url = '{UA_POPUP_PM}';
window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
}
<!-- ENDIF -->
/**
* Find a member
*/
function find_username(url)
{
popup(url, 760, 570, '_usersearch');
return false;
}
/**
* New function for handling multiple calls to window.onload and window.unload by pentapenguin
*/
window.onload = function()
{
for (var i = 0; i < onload_functions.length; i++)
{
eval(onload_functions[i]);
}
}
window.onunload = function()
{
for (var i = 0; i < onunload_functions.length; i++)
{
eval(onunload_functions[i]);
}
}
// ]]>
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>
<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />
<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->
<script type="text/javascript" src="{T_TEMPLATE_PATH}/editor.js"></script>
</head>
<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
<div id="bodybg">
<div id="wrapper">
<div>
<div>
<div id="header">
<div>
<div>
<div id="userarea" class="smalltext">
</div>
<a href="{U_INDEX}"><span id="logo"> </span></a>
<a href="{U_TEAM}"><span id="teamposition"> </span></a>
<div id="headerdaten">
<p class="{S_CONTENT_FLOW_END}<!-- IF S_USER_LOGGED_IN --> rightside<!-- ENDIF -->"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ELSE -->{CURRENT_TIME}<!-- ENDIF --><br />
Du hast <a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a> - <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></p>
</div>
</div>
</div>
</div>
<div id="toolbar">
<div id="topmenu">
<ul>
<li><a href="{U_INDEX}"><span>{L_INDEX}</span></a></li>
<li><a href="{U_PROFILE}"><span>{L_PROFILE}</span></a></li>
<li><a href="{U_SEARCH}"><span>{L_SEARCH}</span></a></li>
<li><a href="{U_FAQ}"><span>{L_FAQ}</span></a></li>
<li><a href="{U_MEMBERLIST}"><span>{L_MEMBERLIST}</span></a></li>
<li><a href="{U_REGISTER}"><span>{L_REGISTER}</span></a></li>
<li><a href="{U_LOGIN_LOGOUT}"><span>{L_LOGIN_LOGOUT}</span></a></li>
</ul>
</div>
</div>
<div id="bodyarea">
<a name="start_here"></a>
<div id="page-body">
<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
<div id="message" class="rules">
<div class="inner"><span class="corners-top"><span></span></span>
<strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- ENDIF -->
</div>
Code: Alles auswählen
#logo {
position: absolute;
top: 10px;
left: 10px;
display: block;
width: 400px;
height: 40px;
cursor: pointer;
background: url("{T_THEME_PATH}/images/forumname.png") no-repeat;
}
#userarea {
height: 73px;
float: left;
padding: 0 0 0 5px;
text-align: right;
font-size: 1.0em;
color: #000000;
font-family: tahoma, sans-serif;
}
#teamposition {
position: absolute;
top: 50px;
left: 350px;
display: block;
width: 100px;
height: 20px;
cursor: pointer;
background: url("{T_THEME_PATH}/images/das_team.png") no-repeat;
}
#headerdaten {
float: left;
padding: 210px 0 0 0;
}