Dreiteiliger Hintergrund - prosilver

[FrostAgent]

Moin,

ich habe die Prozentwerte jetzt mal auf 95% angeglichen, über den ResolutionTest habe ich in der Tableiste allerdings immernoch einen Umbruch, aber da der Moderationsbereich später eh nur für Mods sichtbar sein soll, geht das denke ich noch in Ordnung, müsste ich ansonsten vielleicht einfach verlagern.

Der wrap Container ist scheinbar von vorne rein nicht geschlossen, auch nicht im Originalzustand, habe es eben nochmal überprüft, da ich der Annahme war, dass dies dann wohl nicht nötig zu sein scheint habe ich wrap2 auch nicht geschlossen, wäre es besser dies noch nachzuholen?

[Talk19zehn]

Hello,

eigene neue Container sollten immer sachgerecht verschachtelt und geschlossen bzw. geschlossen werden. Davon ging ich aus, dass die sachgerechte Verschachtelung vorliegt. Obgleich ich mir nicht sicher war, daher der Hinweis. Dein Logo wird ja ausgegeben. Evtl. hast du irgendwo in der overall_header.html zufällig einen < /div > zuviel?
Das wäre ja ein Hit, wenn nun erneut Fehler gesucht werden müssen, -- ohje!

Ich würde meinen, du machst lieber erst einmal einen Schritt nach dem anderen, bevor wir uns nun im Nirvana verlaufen. Regel erst einmal die fehlende "Navbar". Vgl. vorherige Seite dieses Threads ( siehe bitte Standardpaket Prosilver 3.08 ( den Link zum Portal oder etwaige relevante Modifizierungen dann bitte nicht vergessen )) und prüfe erneut die Verschachtelungen u.a. die des Wrap2.

Dann sehen wir weiter. Bis dahin...

BTW: Der eigentliche "Wrap-Container" wird u.a. in der overall_footer standardmäßig geschlossen.

[FrostAgent]

Moin,

die Navbar fehlte voll und ganz in der overall_header, hatte ich wohl aus unerklärlichen Gründen gelöscht, nunja, jetzt ist sie wieder drin

Code: Alles auswählen

<div id="wrap">
<div id="wrap2">
	<div class="transparent">
	<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">
				<!-- <img src="/forum/styles/prosilver/theme/images/ff_header.png" width="800" height="150" align="center" alt="FansFrenzy"> -->
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>
		
</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 -->

			<span class="corners-bottom"><span></span></span></div>
		</div>

		<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->
		<div id="tabs">
     <ul>
          <li<!-- IF SCRIPT_NAME == 'portal' --> class="activetab"<!-- ENDIF -->><a href="{U_PORTAL}"><span>{L_PORTAL}</span></a></li>
          <li<!-- IF SCRIPT_NAME == 'index' or SCRIPT_NAME == 'viewforum' or SCRIPT_NAME == 'viewtopic' --> class="activetab"<!-- ENDIF -->><a href="{U_INDEX}"><span>{L_INDEX}</span></a></li>
          <!-- IF S_DISPLAY_SEARCH --><li<!-- IF SCRIPT_NAME == 'search' --> class="activetab"<!-- ENDIF -->><a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}"><span>{L_SEARCH}</span></a></li><!-- ENDIF -->
          <!-- IF S_DISPLAY_MEMBERLIST --><li<!-- IF SCRIPT_NAME == 'memberlist' --> class="activetab"<!-- ENDIF -->><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}"><span>{L_MEMBERLIST}</span></a></li><!-- ENDIF -->
          <li<!-- IF SCRIPT_NAME == 'faq' --> class="activetab"<!-- ENDIF -->><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}"><span>{L_FAQ}</span></a></li>
		  <li<!-- IF SCRIPT_NAME == 'football' --> class="activetab"<!-- ENDIF -->><a href="{U_FOOTBALL}"><span>{S_FOOTBALL_NAME}</span></a></li>
		  <li<!-- IF SCRIPT_NAME == 'pm' --> class="activetab"<!-- ENDIF -->><a href="{U_PRIVATEMSGS}"><span>{PRIVATE_MESSAGE_INFO}</span></a></li>
		  <li<!-- IF SCRIPT_NAME == 'profile' --> class="activetab"<!-- ENDIF -->><a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e"><span>{L_PROFILE}</span></a></li>
		  <li<!-- IF SCRIPT_NAME == 'login_logout' --> class="activetab"<!-- ENDIF -->><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x"><span>{L_LOGIN_LOGOUT}</span></a></li>
		  <li<!-- IF SCRIPT_NAME == 'mcp' --> class="activetab"<!-- ENDIF -->><a href="{U_MCP}"><span>{L_MCP}</span></a></li>
		  
		  
       </ul> 
	   
    </div>
	<!-- IF not $S_IN_PORTAL or S_DISPLAY_PHPBB_MENU -->
				<div class="navbar">
			<div class="inner"><span class="corners-top"><span></span></span>

			<ul class="linklist navlinks">
				<li class="icon-home"><!-- IF U_PORTAL --><a href="{U_PORTAL}">{L_PORTAL}</a> &#187; <!-- ENDIF --><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>

				<li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="return fontsizeup(event);" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>

				<!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
				<!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
			</ul>

			<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
			<ul class="linklist leftside">
				<li class="icon-ucp">
					<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e">{L_PROFILE}</a>
						<!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF -->
					<!-- IF S_DISPLAY_SEARCH --> &bull;
					<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
					<!-- ENDIF -->
					<!-- IF U_RESTORE_PERMISSIONS --> &bull;
					<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
					<!-- ENDIF -->
				</li>
			</ul>
			<!-- ENDIF -->

			<ul class="linklist rightside">
				<li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
				<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
					<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
					<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></li>
				<!-- ENDIF -->
			</ul>

			<span class="corners-bottom"><span></span></span></div>
		</div>
		<!-- ENDIF -->

	</div>

	<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="information" 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>
</div>

Nach dem Einbau der navbar habe ich allerdings ein Problem, ich erhalte folgende Fehlermeldung:

Parse error: syntax error, unexpected $end in /www/htdocs/abc/forum/includes/template.php(668) : eval()'d code on line 223

Ich habe nun auch sämtliche div-Container geschlossen, in meinem Notepad gehts auch nur bis Zeile 219, weshalb ich mir den Fehler in Zeile auch 223 nicht direkt herleiten kann. Zuvor hatte ich eine Fehlermeldung in Zeile 20, dann habe ich dort den wrap2 div-Container geschlossen, vorher musste ich noch den page-body-Container schließen und nun erhalte ich besagte Fehlermeldung.

Da ich eine Fehlermeldung mit und ohne Schließung der beiden Container erhalte, verstehe ich auch nicht so ganz warum es sich um ein unerwartetes Ende handelt.

Habe ab der navbar abwärts auch nochmal alles clean aus einem unberührtem phpbb eingefügt, dann noch an installierte Mods, in diesem Fall nur das Portal 3, angepasst.

Muss ich noch irgendeinen Container schließen oder habe ich sogar einen zuviel geschlossen..?

[Talk19zehn]

Hello,

du darfst/kannst nicht "wahllos" Container eröffnen, schließen oder nicht schließen. Das will gut überlegt sein, was wann wo eröffnet und geschlossen wird.

Wenn du sagst, du hast alle Container geschlossen und die per Code-Button eingeblendete Codierung etwas anderes aufzeigt, wer soll einen "Durchblick" darüber erhalten, was "vor Ort geschehen" ist?

Wenn alle Stricke reißen, beginne in der "Stunde Null"? Prüfe jede Veränderung direkt und unmittelbar im Onlinemodus oder im Modus deiner Wahl.



BTW: Es könnten ggf. wohl nur Moderatoren, Supporter oder gar die Jobbörse weiterhelfen?

Ich kann nicht wirklich nachvollziehen, was wo an welcher Stelle nunmehr tatsächlich und wirklich geschah und habe die Zeit leider wirklich nicht, dein Konstrukt in seinen "Einzelteilen" zu untersuchen.

SORRY!
Beste Grüße !

[FrostAgent]

Lediglich den Container <div id="wrap2" und <div class="transparent"> habe ich in diesem Fall eröffnet, bzw. geschlossen. War das schon "zuviel des Guten"..

[Talk19zehn]

Hm, ich sehe, dass in deiner "overallheader" weitere Container nicht geschlossen sind. Du hast ggf. das Original noch nicht korrekt verglichen?

Beispiel: Der Bereich

Code: Alles auswählen

<div class="headerbar">
      
         <div class="inner"><span class="corners-top"><span></span></span>
         
         <div id="site-description">
            <!-- <img src="/forum/styles/prosilver/theme/images/ff_header.png" width="800" height="150" align="center" alt="FansFrenzy"> -->
            <h1>{SITENAME}</h1>
            <p>{SITE_DESCRIPTION}</p>
            <p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
         </div>
      
</div>

.. hier ist <div class="inner"> nicht geschlossen.

Das wäre richtig:

Code: Alles auswählen

		<div class="headerbar">
			<div class="inner"><span class="corners-top"><span></span></span>

				<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>

				<span class="corners-bottom"><span></span></span></div>
		</div>

Und so weiter und so weiter....

Wenn du die neuen Container geschlossen hast, ist das ein Indiz dafür, dass der/die Fehler bereits zuvor vorgelegen haben.

Ich kann dir nur raten, das Original der overall.header und ggf. sogar die overall.footer im Original aufzuspielen und dein Konstrukt erneut auszuarbeiten. Die Installationsanweisungen deiner Modifikationen durchzugehen, sofern du nicht eine relativ "fehlerfreie Sicherung" vor Ort hast, die sich lohnt aufzuspielen.
Kann es sein, dass dir die index_body.html verloren gegangen ist? Denn nach der overall_header.html folgt normalerweise die index_body.html. Das ist eine reine Vermutung aufgrund deiner Mitteilung zur Zeilenanzahl.
Viele Grüße

[FrostAgent]

Moin,

ich bin jetzt deinem Rat gefolgt und habe die overall_header und overall_footer nochmal aus dem Originalpaket genommen und alles noch einmal nach und nach eingebaut, diesmal habe ich auch gleich darauf geachtet, dass alle Container ordnungsgemäß geschlossen werden, wenn neue eröffnet werden.

Die Tabbar, habe ich jetzt auch nochmal eingebaut, direkt mit den if-Anweisungen, dass bestimmte Links wie z.B. der Moderationsbereich nur von Moderatoren eingesehen werden können, damit hätte ich den Punkt auch gleich abgehakt.

Die navbar ist nun folglich auch wieder da, allerdings brauche ich die aufgrund der Tabbar eigentlich nicht mehr, habe sie aber erstmal dringelassen. Den einzigen Punkt den ich aus der navbar brauche ist lediglich der Foren-Pfad, wenn ich ein Thread lese, sprich Foren-Übersicht -> phpBB 3.0 Styles -> phpBB 3.0: Styles, Templates und Grafiken ..
Rausgesucht habe ich mir diesen Teil ebenfalls schon:

Code: Alles auswählen

<li><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>

Natürlich möchte ich dies auch sehen, wenn ich in einem Unterforum/Thread bin, ich habe mir überlegt, diesen Pfad in die Linklist, direkt über den Forentabellen einzufügen, allerdings ist dieser in Unterforen/Threads nicht sichtbar.

(Diese Linklist mein ich) Allerdings möchte ich in den Threads davon dann lediglich den Pfad, sprich die navlinks sehen, nicht die anderen Links (Unbeantwortete Themen etc.)

Wie man auf dem Bild sehen kann habe ich den Pfad für navlinks oben schon eingesetzt, im index_body.html

Code: Alles auswählen

<!-- IF S_DISPLAY_SEARCH or (S_USER_LOGGED_IN and not S_IS_BOT) -->
<ul class="linklist">
	<li><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks -->&bull;</li> 
	<!-- IF S_DISPLAY_SEARCH -->
		<li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a><!-- IF S_LOAD_UNREADS --> &bull; <a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a><!-- ENDIF --><!-- IF S_USER_LOGGED_IN --> &bull; <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><!-- ENDIF --> &bull; <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></li>
	<!-- ENDIF -->
	<!-- IF not S_IS_BOT and U_MARK_FORUMS --><li class="rightside"><a href="{U_MARK_FORUMS}" accesskey="m">{L_MARK_FORUMS_READ}</a></li><!-- ENDIF -->
</ul>
<!-- ENDIF -->

Muss ich den Code-Snippet für den Pfad jetzt noch in die overall_header einbauen, damit ich ihn auch in Unterforen/Threads sehen kann, normalerweise müsste dies ja funktionieren, wenn ich diesen Teil in die overall_header einbaue oder?

Code: Alles auswählen

			<!-- IF S_DISPLAY_SEARCH or (S_USER_LOGGED_IN and not S_IS_BOT) -->
<ul class="linklist">
	<li><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks -->&bull;</li> 

</ul>
<!-- ENDIF -->

Probiert habe ich das schon, allerdings wird mir der Pfad dann direkt unter der (noch eingebauten) navbar dargestellt, ist es auch möglich, dass ich ihn so wie oben beschrieben und auf dem Screenshot zu sehen einbauen kann?
Sprich das der Pfad im Unterforum/Thread, dann direkt über bg_list Grafik, also der Forentabelle dargestellt wird?

Ich hoffe es ist einigermaßen verständlich was ich vorhabe.

Nochmal vielen Dank für die ganze Hilfe bisher!

[Talk19zehn]

Hello, ob ich dich hinsichtlich der Verlinkung "Unbeantwortete Themen, Ungelesene Beiträge" etc.
korrekt verstanden habe? Ich würde meinen, du suchst ggf. in etwa jenes Script: viewtopic.php?f=85&t=202089


Mit kleinen Schritten gelangt man auch ans Ziel...

Overall_header.html:
Das Tabmenue ist doch nicht wirklich schick,- oder? Zumal die weißen Ecken auf dem Hintergrundbild hervorschauen und das Teilchen für meine Dafürhalten eher ein wenig abschreckt. Außerdem hast du das Portal integriert und auch dort finden sich derartige Navigationsbereiche, wenn du das entsprechnede Modul anzeigen läßt. Wenn du irgendwann einmal etwas ausgefallenes oder ein flippiges Tabmenü im Header einbinden möchtest, ist dafür immer noch Zeit. Ich würde dir zunächst raten, dass Tabmenü in der Form nicht zu verwenden. In dem Menü selbst befinden sich leider zudem geöffnete Aufzähltungszeichen, die ggf. im weiteren Verlauf zu weiteren Fehlern führen. Valide ist es ferner daher leider auch nicht.

Wrap2:
Da du diesen nun neu verschachtelt und geschlossen hast, rechnen die Browser anders. Wrap hat 90% und in ihm liegt nunmehr Wrap2 mit 90%, so dass 90% von 90% im weitesten Sinne gerechnet werden. Wenn du möchtest, dass Wrap2 die Breite des Wrap hat, kann Wrap2 anstatt der 90% mit 100% definiert werden.

Navbar:
Die Gebräuchlichkeit hat ihren Sinn und ich denke, dass in ihr nicht nur die Forennavigation sondern eben auch andere Linkgestaltungen, wie das Drucken, Empfehlen der Seite, PN-Anzeige, Link zum Postfach, die wichtige Errungenschaft der Schriftgradänderung uvm. enthalten und den Phpbb-Usern vertraut ist. Du hast mit diesem Standard normalerweise zukunftsbetrachtend eher wenige Probleme, denke ich.

Footer:
Bin ich mir nicht so sicher, ob die Standard-Container tatsächlich geschlossen sind.

Wrap3 beinhaltet Werte, die bei geringerer Auflösung das Copyright unleserlich erscheinen läßt: padding: 0 250px;

Code: Alles auswählen

#wrap3 {
    background-image: url("styles/prosilver/theme/images/footer1.png");
    background-repeat: repeat-x;
    margin-bottom: 0;
    margin-left: 6px;
    margin-top: 0;
    padding: 0 250px;
    width: auto;
}

Das Erscheinungsbild der Foren könnte man ggf. verbessern, indem man ein wenig Platz schafft, so dass die Inhalte nicht so sehr am Rand kleben? Die Werte für Padding wären dann zweimal anzupassen. Ich habe im Beispiel 8px und 12px gewählt. Biite nicht meine Farbwerte übernehmen, diese entstammen meiner CSS.

Bei Bedarf: Common.CSS

Code: Alles auswählen

.forabg {
	background: #b1b1b1 none repeat-x 0 0;
	padding: 8px 12px;
	clear: both;
}

.forumbg {
	background: #ebebeb none repeat-x 0 0;
	margin-bottom: 4px;
	padding: 8px 12px;
	clear: both;
}

Rahmen:
Ich hätte nun die geänderte Idee, einen einfachen Rahmen zu setzen. Die ID Wrap ergänzte ich mit folgenden CSS-Notatiionen direkt in der overall.header.html. Outset ist insofern ein wenig problematisch, da die Browser die Farben unterschiedlich bestimmen. Man muss also folglich eine Farbe finden, die sich optimal an das Design anpasst.
Mein Farbbeispiel #f1e3c0 ist jetzt nicht für dein Forum gedacht. Am besten eignet sich ein Farbverlaufsgenerator, der annähernd die Farben ausgibt, die annähernd relevant sind. http://www.homepage-total.de/html/farbverlauf.php
Die unterschiedlichen Farbdarstellungen bspw. im IE, Firefox und Opera bitte dabei stets beachten. Es ist wirklich erstaunlich, was rechnerisch geschieht.

Code: Alles auswählen

<div id="wrap" style="border-width:4px; border-color:#f1e3c0; border-style:outset; padding:8px;">

Viele Grüße

[FrostAgent]

Moin,

bezüglich der "Unbeantwortete Themen, Ungelesene Beiträge" etc. war es exakt das, was ich gesucht habe.

Zum Tabmenü, stimmt schon, sah schon etwas schäbig aus, habe es auch erstmal wieder herausgenommen und behalte es dort nun erstmal bei der Standard-Navigation.

Im Footer war in der Tat ein Container nicht richtig verschlossen, ist mir beim Kopieren wohl etwas verrutscht, sollte jetzt wieder alles zu sein.

Die abgeänderten Padding-Werte bei .forabg und .forumbg gefallen mir in erster Linie sehr gut, allerdings habe ich nun das kleine Problem, dass die Aufschrift "Tippspiel" im am linken Seitenrand befindenden Sidedropmenü nicht mehr richtig zu lesen ist.

Wenn ich den padding-Wert von .forabg wieder verändere, kann man es wieder lesen, allerdings gefällt es mir mit den veränderten Werten wesentlich besser, doch wie bekomme ich die Schrift nun wieder so zurechtgerückt, dass sie lesbar ist?
Muss ich das Sidedropmenü eventuell unabhängig vom .forabg machen oder gibt es auch einen anderen 'leichteren' Lösungsweg dafür?

[Talk19zehn]

Tja, das ist ja nun wirklich dumm. Ich denke du meinst die Breite?
Was passiert, wenn du ( meine Testkonfiguration - muss nicht mit der Deinigen übereinstimmen ) die Notation width und left änderst, ggf- padding aufinimmst ?

Von

Code: Alles auswählen

#sidebar {
    background-color: #FFFFFF;
    left: -185px;
    min-height: 200px;
    position: fixed;
    top: 50px;
    width: 200px;
    z-index: 9001;
}

auf

Code: Alles auswählen

#sidebar {
    background-color: #FFFFFF;
    left: -225px;
    min-height: 200px;
    position: fixed;
    top: 50px;
    width: 240px;
    z-index: 9001;
}

Also den Wert, um den width ( hier 40px ) erhöht wird, dem negativen Wert "left" zuordnen = erhöhen und folglich abziehen?

Wenn alle Stricke reißen, wende dich an den Autor der Modifikation.
Sonst wüsste ich auf Anhieb nicht weiter...


Edit:

Hello,

ich habe nochmals geschaut: Bei dir ist es wohl jene ID verantwortlich: Hier sind die Ausrichtungen m. E. vorzunehmen. Ohne Gewähr und nur im Firefox betrachtet.

Code: Alles auswählen

#footballside {
    background-color: #FFFFFF;
    left: -185px;
    min-height: 200px;
    position: fixed;
    top: 100px;
    width: 200px;
    z-index: 1001;
}

Test:

Code: Alles auswählen

#footballside {
    background-color: #CCCCCC;
    left: -219px;
    min-height: 200px;
    padding: 2px 4px;
    position: fixed;
    top: 100px;
    width: 239px;
    z-index: 1001;
}

Probiere es einfach aus. Es ist gar nicht so schwer, beachte bitte jeweilige Darstellungen in den Browsern und sichere möglichst zuvor deinen ursprünglichen Bestand.

Beste Grüße

PS.: Der Bereich "Navbar" wird mir nicht standardkonform angezeigt. Irgendwie ist dir beim erneuten Einbau wohl ein Fehlerchen passiert? Oder soll das so sein ( ? ).