Seite 2 von 2
Re: Werbebanner im Header rechtsbündig
Verfasst: 21.05.2010 23:42
von sammy65
Also ich hab die Breite jetzt auf "auto" gestellt.
Es hat aber nichts gebracht.
Re: Werbebanner im Header rechtsbündig
Verfasst: 22.05.2010 12:02
von Talk19zehn
Ja, "auto" kann nicht helfen, der Auffassung bin ich auch.
Erneute "Idee":
A) Nimm bitte die dort integrierte Suche testweise heraus ( sie ist in der linken Spalte bereits integriert ) und gib in der Tabellenzelle zum Bild keine Größen an.
B) Bzw. ändere zudem testweise die Größe des Banners bspw. auf *234x60px oder 150x90px und wiederhole die Testreihe, falls erwünscht.
Noch eine Idee:
Meiner Auffassung nach benötigtst Du die Klasse (class="Werbungheader") gar nicht (?), da Du mit einer Tabelle arbeitest. Die Tabelle richte dann rechtsbündig aus.
*Bei drei nebeneinander liegenden Bannern, ohne Berücksichitigung entsprechender Innenabstände, liegst Du bereits in der Breite bei 702px (800x600).
Viele Grüße - ohne Gewähr, da aus Zeitmangel nicht getestet
Re: Werbebanner im Header rechtsbündig
Verfasst: 23.05.2010 10:15
von sammy65
Talk19zehn hat geschrieben:
Noch eine Idee:
Meiner Auffassung nach benötigtst Du die Klasse (class="Werbungheader") gar nicht (?), da Du mit einer Tabelle arbeitest. Die Tabelle richte dann rechtsbündig aus.
Ich hatte auch versucht mittels float="right" das Teil nach rechts zu bringen, hat aber auch nicht geklappt
Re: Werbebanner im Header rechtsbündig
Verfasst: 23.05.2010 10:26
von Talk19zehn
Hallo sammy65,
darf ich Deiner Antwort entnehmen, dass auch die anderen Vorschläge ( A + B ) nicht erfolgreich waren, ist das richtig?
"Float-Right" mit welchen Rechenoptionen? Und, wurde im Anschluss "gecleart"?
Re: Werbebanner im Header rechtsbündig
Verfasst: 23.05.2010 10:46
von sammy65
Bei a + b bin ich gerade am basteln. Mache aber erst heute abend weiter bei dem schönen Wetter, schmeisse jetzt den Grill an........
Ich melde mich auf jeden Fall wieder
Re: Werbebanner im Header rechtsbündig
Verfasst: 30.05.2010 16:32
von sammy65
So, bin wieder da,
es hat nicht geklappt, so langsam bin ich am verzweifeln.
Ich glaube ich bastel mir eine eigene overall-Header......
Re: Werbebanner im Header rechtsbündig
Verfasst: 30.05.2010 19:51
von Talk19zehn
Hallo Samy65, in meinem Testportal klappt es:
Nur zum Verständnis, ein wenig mehr Code gepostet. Eingebunden im Style Prosilver oberall_header.html
Code: Alles auswählen
</head>
<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
<div id="wrap">
<a id="top" name="top" accesskey="t"></a>
<div id="page-header">
<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>
<div id="site-description">
<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
<h1>{SITENAME}</h1>
<p>{SITE_DESCRIPTION}</p>
<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
</div>
<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
<div id="search-box">
<form action="{U_SEARCH}" method="post" id="search">
<fieldset>
<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
<input class="button2" value="{L_SEARCH}" type="submit" /><br />
<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
</fieldset>
</form>
</div>
<!-- ENDIF -->
<div id="werbungheader" style="text-align:right;">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>Anzeige</td>
<td></td>
<td></td>
</tr>
<tr>
<td><a href="http://www.uhlig-kakteen.de/" target="_blank">
<img src="http://www.tsdaten.de/banner/banneruhlig.jpg" alt="Kakteen Uhlig" height="80" width="437" border="0"></a></td>
<td></td>
<td></td>
</tr>
</table>
</div>
<span class="corners-bottom"><span></span></span></div>
</div>
Da ich jedoch die "Id=Werbungheader" nicht verwende, lösche Du sie doch bitte:
Code: Alles auswählen
</head>
<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
<div id="wrap">
<a id="top" name="top" accesskey="t"></a>
<div id="page-header">
<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>
<div id="site-description">
<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
<h1>{SITENAME}</h1>
<p>{SITE_DESCRIPTION}</p>
<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
</div>
<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
<div id="search-box">
<form action="{U_SEARCH}" method="post" id="search">
<fieldset>
<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
<input class="button2" value="{L_SEARCH}" type="submit" /><br />
<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
</fieldset>
</form>
</div>
<!-- ENDIF -->
<div style="text-align:right;">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>Anzeige</td>
<td></td>
<td></td>
</tr>
<tr>
<td><a href="http://www.uhlig-kakteen.de/" target="_blank">
<img src="http://www.tsdaten.de/banner/banneruhlig.jpg" alt="Kakteen Uhlig" height="80" width="437" border="0"></a></td>
<td></td>
<td></td>
</tr>
</table>
</div>
<span class="corners-bottom"><span></span></span></div>
</div>
Ergebnis Prosilver: overall_header.html --> Anzeige in meiner Test-Portaloberfläche ebenso korrekt!
So oder so:
http://img190.imageshack.us/img190/6640 ... echtsa.jpg
"Wundersame" Grüße
Edit:
Wenn alles nicht hilft, können wohl nur die Herren vom Portal3 weiterhelfen? Ich kann nicht herausfinden, wo der Fehler bei Dir liegt.
Re: Werbebanner im Header rechtsbündig
Verfasst: 30.05.2010 22:34
von sammy65
Stimmt, mir geht es genauso,
soweit wie in Deinem vorschlag war ich auch schon.
Mich würde es ja nicht wundern, wenn ich sowas noch wie gemacht hätte, aber hier verliesen sie ihn....
Ich habs jetzt erst einmal so gelassen....
www.tsdaten.de/kaktusforum
Trotzdem vielen Dank für Deine Hilfe und Deine Geduld....
Re: Werbebanner im Header rechtsbündig
Verfasst: 31.05.2010 09:08
von sammy65
Also ich hab mir die Sache mal mit dem Web Developer von Firefox angeschaut
Ich glaube, dass der äussere Layer zu breit ist.
[ externes Bild ]
Im Internet Explorer passt es zwar von der Breite her, ist aber alles zu hoch
Re: Werbebanner im Header rechtsbündig
Verfasst: 03.06.2010 15:08
von sammy65
So ich hab geschafft, war ein hartes Stück Arbeit.
Ich habs folgendermaßen gelöst.......
Code: Alles auswählen
<div id="site-description">
<a id="logo" title="{L_INDEX}" href="{U_INDEX}">{SITE_LOGO_IMG}</a>
<h1>{SITENAME}</h1>
{SITE_DESCRIPTION}<br>
</div>
<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
<div id="search-box">
<form id="search" action="{U_SEARCH}" method="post">
<fieldset>
<input id="keywords" class="inputbox search" title="{L_SEARCH_KEYWORDS}" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" type="text" name="keywords" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" maxlength="128" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';"><input class="button2" type="submit" value="{L_SEARCH}"><br>
<a title="{L_SEARCH_ADV_EXPLAIN}" href="{U_SEARCH}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
</fieldset>
</form>
</div>
<!-- ENDIF -->
<div id="trennerheader">
<div id="werbungheader">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>Anzeige</td>
<td></td>
<td></td>
</tr>
<tr>
<td><a href="http://www.uhlig-kakteen.de/" target="_blank"><img src="http://www.tsdaten.de/banner/banneruhlig.jpg" alt="Kakteen Uhlig" height="80" width="437" border="0"></a></td>
<td></td>
<td></td>
</tr>
</table>
</div>
</div>
Und in der Common.css wurden folgende Erweiterungen gemacht. Jetzt klappt es sowohl im FF und im IE
Code: Alles auswählen
/* Werbebanner im Header
--------------------------------------------- */
#werbungheader { color: #ffffff; text-align: right; float: right; position: relative; display: block }
/* Trenner im Header
--------------------------------------------- */
#trennerheader { color: #ffffff; clear: right; position: relative; width: 100%; display: block }
![[ externes Bild ]](http://www.tsdaten.de/banner/header.jpg){kind=link}