Seite 1 von 1

Header verschiebt sich im IE

Verfasst: 20.06.2008 17:20
von Quiksilver
Hi,
ich hab ein kosmetisches Problem auf meinem Board. Und zwar folgendes:
Wenn der IE im kleinen Fenster gestartet wir, das kommt manchmal vor, drückt es die Forumtabellen bis einschließlich alles unter der Nav-Leiste zusammen. Der Sinn ist wahrscheinlich, daß man selbst in einem 10X10 großem Fenster noch Beiträge verfassen kann. Finde ich auch ganz praktisch. Leider passt sich der Header (Logo und Nav-Leiste) nicht an was heißt, daß dieser Bereich sich rechts hinausschiebt. Das ist zwar kein Weltuntergang, es schaut allerdings häßlich aus und unprofessionell. Und wenn ein User einmal meine Seite im kleinem Fenster aufruft, dann fällt das schnell auf. Ich selbst habe es durch Zufall entdeckt und alles mögliche ausprobiert.

Ich hoffe, hier gibt es ein paar Profis, die mir hier weiterhelfen können. muß ich im Page_Header was verändern, einen Code einsetzen/löschen?
Von mir aus kann alles auf maximalgröße bleiben, so daß der User eben nach links und recht scroolen muß oder das IE-Fenster gleich maximieren, das zusammengequetschte ist auch nicht gerade schön.
Ich benutze nicht Subsilver sondern "PhpbbStyles".

Grüße und schon mal danke

PS. Wenn ich diese Seite verkleinere sieht alles normal aus. Der Header verschiebt sich nicht. Wie kriege ich das auch so hin??

Verfasst: 20.06.2008 21:12
von Markus67
Hi ...

Das muss man sehen ... wie soll man den sonst schauen wo genau das Problem liegt. 8)
Das wird sonst heiteres Berufe raten :wink:

Markus

Verfasst: 20.06.2008 21:27
von Quiksilver
www.nsiders.de
Das ist meine Adresse. Wenn du jetzt das IE-Fenster verkleinerst, wirst du sehen, daß die Tabellen dem Fenster angepaßt sind, also gequetscht und das Logo sowie die Nav-Leiste ragt aus dem Gesamtbild. Das ist schwer zu erklären, schaus dir einfach mal an.

Verfasst: 20.06.2008 23:00
von Markus67
Hi ...

schau mal bitte in deine overall_header.tpl von deinem Template.
Diese Zeilen sind dafür verantwortlich (sind die letzten 3 Zeilen) ...

Code: Alles auswählen

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center"> 
	<tr> 
		<td><!-- class="bodyline" -->
Setze einfach die Tabellenbreite auf z.B. 900 oder 1000 .. und schon ist das Problem behoben :wink:

Markus

Verfasst: 21.06.2008 14:47
von Quiksilver
Leider hat dein Vorschlag nicht wirklich geholfen. Es muß doch eine Möglichkeit geben, die Funktion, daß die Tabellen gestaucht werden wenn das IE-Fenster verkleinert wird zu deaktivieren. IRGENDWO. So, daß man eben scroolen muß oder das Fenster zu vergrößern. Jetzt staucht es die Tabelle, einschließlich dem kompletten Index zusammen. Nur der Header, also das Logo und die NAV-Leiste machen das nicht mit und bleiben in originalgröße. Was dazu führt das die NAV-Leiste und auch das Logo rechts ziemlich weit überstehen.

Bleibt der IE auf maximum sieht alles normal aus, alles geht über die volle Seite. Benutze ich deinen Trick steht dann die Tabelle über, was im maximierten (oiginal) Internet Explorer noch blöder aussieht.

Kann man die Funktion, daß vom Board versucht wird, die Tabellen selbst im 10X10 großen Fenster komplett dar zu stellen nicht deaktivieren? Dann wäre das Problem doch behoben.

Gruß

Verfasst: 21.06.2008 17:34
von roum
Die Tabellenbreiten sind ja mit 100% definiert und das bezieht sich auf die Größe des Browserfensters.

Du kannst mal den body Tag auf min-width: 950px; setzen, das sollte ja eigentlich reichen weil deine Navigationsleiste durch die vielen Links ziemlich genau 950px breit ist :wink: Theoretisch kannst du die Breite auch noch etwas höher setzen aber mehr als 1024px - 19px (Breite des Scrollbalkens vom Firefox) würde ich auf keinen Fall gehen um den Leuten mit einer Auflösung von 1024x768px nicht dauerhaft eine horizontale Scrollbar aufzubrummen :wink:

Verfasst: 21.06.2008 19:50
von Markus67
Hi ...

ich weiss ja nicht was du verändert hast .. aber die Tabelle steht immer noch auf 100% :wink:

Code: Alles auswählen

<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center"> 
	<tr> 
		<td><!-- class="bodyline" -->
Die Hammermethode wäre einfach ein transparentes GIF einzufügen ... dann hast du auf jeden Fall die gewünschte Breite.

dann fügst du vor dem obigen <tr> einfach ein ..

Code: Alles auswählen

<tr><td><img src="templates/phpbbStyles/images/spacer.gif border="0" alt="0" width="950" height="1"></td><tr>
dann ist auf jeden Fall Ruhe :wink:

Markus