Homepage ist verschoben

Hallo forumieren Team

Ich habe ein Problem mit meiner Homepage beim minimieren ( minimieren / maximieren) oben rechts.

Was ich meine ist wenn ich meine Homepage oben rechts minimiere verschiebt sich der Header und die gesammte Seite bzw meine Modul Bilder auf dem Portal werden nicht richtig angezeigt.

Gibt es hier für einen CSS Code der die Auflösung automatisch zurück stellt wenn man minimiert ??

Falls ich hier falsch bin dann tut es mir leid.

Kommt dann nicht mehr vor aber ich habe darüber kein Thema gefunden.Sorry

Vielleicht könnt Ihr mir helfen.

Hallo Mazacre,
leider kann man nicht schauen um welche HP es sich handelt da die Links in deinem Profil ins leere führen.

LG Mike

Mike schrieb:Hallo Mazacre,
leider kann man nicht schauen um welche HP es sich handelt da die Links in deinem Profil ins leere führen.

LG Mike

Es handelt sich um diese Seite.

www.maddenonlineleague.com

Hier mal zwei Links die dir helfen könnten

https://hilfe.forumieren.com/t38952-phpbb3portalbild-an-bildschirmgrose-dynamisch-anpassen?highlight=logo+anpassen

https://hilfe.forumieren.com/t15120-logo-optimale-grose-bzw-hohe#103201

und der Rest der Ergebnisse in denen du auch noch suchen kannst.

https://hilfe.forumieren.com/search?search_keywords=logo+anpassen

Melde dich bitte wenn es funktioniert oder auch nicht funktioniert hat.

LG Mike

Mike schrieb:Hier mal zwei Links die dir helfen könnten

https://hilfe.forumieren.com/t38952-phpbb3portalbild-an-bildschirmgrose-dynamisch-anpassen?highlight=logo+anpassen

https://hilfe.forumieren.com/t15120-logo-optimale-grose-bzw-hohe#103201

und der Rest der Ergebnisse in denen du auch noch suchen kannst.

https://hilfe.forumieren.com/search?search_keywords=logo+anpassen

Melde dich bitte wenn es funktioniert oder auch nicht funktioniert hat.

LG Mike

Hallo Mike

Ich habe jetzt in einem Link von dir meine Hilfe zwar gefunden für meine Modulbilder.
Allerdings möchte ich jetzt das gleich auch für den Header, Coutndownzähler und für das unten stehende youtube Video machen.

Meine Frage ist wo muss ich das beim Header machen bzw Countdownzähler und Youtube Video?????

Mazacre schrieb:

Mike schrieb:Hier mal zwei Links die dir helfen könnten

https://hilfe.forumieren.com/t38952-phpbb3portalbild-an-bildschirmgrose-dynamisch-anpassen?highlight=logo+anpassen

https://hilfe.forumieren.com/t15120-logo-optimale-grose-bzw-hohe#103201

und der Rest der Ergebnisse in denen du auch noch suchen kannst.

https://hilfe.forumieren.com/search?search_keywords=logo+anpassen

Melde dich bitte wenn es funktioniert oder auch nicht funktioniert hat.

LG Mike

Hallo Mike

Ich habe jetzt in einem Link von dir meine Hilfe zwar gefunden für meine Modulbilder.
Allerdings möchte ich jetzt das gleich auch für den Header, Coutndownzähler und für das unten stehende youtube Video machen.

Meine Frage ist wo muss ich das beim Header machen bzw Countdownzähler und Youtube Video?????

Hallo Mike

Das mit dem Header habe ich jetzt auch gelöst.

Wie macht man das aber mit eingebettet Codes damit spreche ich meinen Countdownzähler und mein Video von youtube.
Dazu habe ich jetzt wirklich nichts mehr gefunden.

Folgendes:
Du hast bei deinem Forum eine Seitenbreite von 74% angegeben.
Nun überlege bitte mal, auf was sich diese Angabe bezieht? Richtig, auf die größe des Browserfensters.
Dein Banner oben z.B. ist 982 Px breit.
Und hier ist das Problem.
Wenn du dein Forum nun mit einer Auflösung von 1024 x 786 anschaust, dann ist dein Logo so breit, das es fast den ganzen Bildschirm ausfüllt.
Da dein Forum aber immer 74% des Bildschirm ausfüllen soll, währen davon bei der Auflösung nur noch ca. 750 Px über.
Das bedeutet, das dein Logo oben natürlich über den Rand hinaus gehen muss.
Das sieht dann so aus:


Du erkennst, das dein Banner oben schon auf solch einer Anzeige nicht mehr richtig dargestellt wird.
Genau so verhält es sich auch mit deinem Modulen des Zählers und auch des Video.
Dein Zähler z.B. ist 400 Px breit.
Dein Bild "Game of the Week" hat eine Breite von 474 Px.
Deine Module auf dem Portal haben eine Breite von 20% der Seitenbreite.
In der Mitte bleiben dann noch ca 60% über. Bei der Auflösung von 1024 x768 und einer Seitenbreite von 74% was ca. 750 Px entspricht, bleiben dann in der Mitte noch ca. 450 Px über. Davon musst du noch die Ränder abziehen. Bleiben noch ca. 420 Px.
Da dein Bild aber 474 Px breit ist, bleibt kein Platz mehr um das Bild komplett anzuzeigen.

Das alles nun um dir zu zeigen, warum sich dein gesamtes Layout bei verschiedenen Größen des Browserfensters verschiebt.

Was kannst du nun dagegen tun?
Wenn man eine Dynamische Anpassung der Seite verhindern möchte, muss man mit festen Breitenangaben arbeiten.
Du solltest damit anfangen, das du deine Seitenbreite auf einen festen Wert einstellst.
Unter:
Allgemeines --> Forum --> Einstellungen im Bereich "Seitenstruktur" gibst du bitte bei "Rahmenbreite (als Zahl oder %) :" mal bitte nur ein "1000" ein.
Damit sollten sich schon fast alle Probleme erledigt haben.
Es gibt nur einen Nachteil, es kann sein das dann bei kleiner Auflösung ein Horinzentaler Scrollbalken angezeigt wird und das die Seite nicht mehr ganz auf den Bildschirm passt.

Wenn du es so lassen möchtest, dann hast du einen reisen Haufen Arbeit vor dir, weil du allen Elemente die du einsetzt eine Variable Breite zuordnen musst.
Das ist aber ehr unpraktisch und nicht gerade einfach zu bewerkstelligen.
Andere Lösung wäre, das du den Elementen in deinem Modulen eine maximale Breite von 350 Px zuweist.
Aber auch dann ist irgendwann Schluss mit dem Verkleinern und das Problem tritt erneut auf.

Ich denke das du es erst einmal mit der Seitenbreite von 1000 versuchst.
Das sollte schon ein befriedigendes Ergebnis ergeben.

Nach dem du ja nun schon einiges geändert hast, gehe ich nun noch mal auf deine Frage wegen dem Zähler und dem Youtube Video ein.
Ich habe es mal versucht. Beim Zähler klappt das nicht, da es ein eingebettetes Flash Element ist, das immer 400 Px breit ist.
Beim Video kannst du in dem Einbettencode die wight Angabe auf 100% einstellen.
Allerdings wird dann die Höhe verfälscht angezeigt.

Hallo Frank

Das was du meinst habe ich soweit verstanden.

Allerdings was ich jetz gemacht habe ist das ich bei meinen Bildmodulen einfach den img code geändert habe.
Für jedes Bild habe ich nun diesen Code verwendet.

<img src="Bild Url" style="max-width: 100%;">

das hat auch sehr gut funktioniert.


Für den Header habe ich im CSS diesen Code eingesetzt

* Logo über die ganze Bldschirm Breite bei BB3 */
#logo{
 width: 99%;
 }
#logo-desc img {
 width: 100%;
 }
/* --- Ende Fix --- */
#logo {
float: none;
padding: 0px;
}

das hat auch wunderbar funktioniert.

Für das Youtube Video habe ich zwei Code verwendet einmal für das Modul selber.

<div class="responsive-video">
 <!-- hier steht der Embed-Code des Videos -->  
</div>

Und einmal für den CSS

.responsive-video {
position: relative;
padding-bottom: 56%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
top: 0;
left: 0;
width: 100%;
height: 100%;
}

Das mit dem Coutdownzähler muss ich mir nochmal überlegen bzw einen anderen einbauen wo man das was ich möchte machen kann.
Gibt es über haupt so einen Code?

Ansonsten bedanke ich mich für eure Hilfe und ich wünsche euch ein schönes Bade Wochende.

tschüssi

Mazacre schrieb:Hallo Frank

Das was du meinst habe ich soweit verstanden.

Allerdings was ich jetz gemacht habe ist das ich bei meinen Bildmodulen einfach den img code geändert habe.
Für jedes Bild habe ich nun diesen Code verwendet.

<img src="Bild Url" style="max-width: 100%;">

das hat auch sehr gut funktioniert.


Für den Header habe ich im CSS diesen Code eingesetzt

* Logo über die ganze Bldschirm Breite bei BB3 */
#logo{
 width: 99%;
 }
#logo-desc img {
 width: 100%;
 }
/* --- Ende Fix --- */
#logo {
float: none;
padding: 0px;
}

das hat auch wunderbar funktioniert.

Für das Youtube Video habe ich zwei Code verwendet einmal für das Modul selber.

<div class="responsive-video">
 <!-- hier steht der Embed-Code des Videos -->  
</div>

Und einmal für den CSS

.responsive-video {
position: relative;
padding-bottom: 56%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
top: 0;
left: 0;
width: 100%;
height: 100%;
}

Das mit dem Coutdownzähler muss ich mir nochmal überlegen bzw einen anderen einbauen wo man das was ich möchte machen kann.
Gibt es über haupt so einen Code?

Ansonsten bedanke ich mich für eure Hilfe und ich wünsche euch ein schönes Bade Wochende.

tschüssi

Ohhh Mann das was du gesagt hast mit der Rahmenbreite von 1000 da hätte ich mir wirklich alles sparen können aber egal trozdem danke. tschüssi

Wie ich sehe, hast du nun die 1000 Px als Rahmenbreite einesetzt. Und das Funktioniert nun ja auch ganz gut.
Du kannst eigentlich fast alle Änderungen die du gemacht hast wieder zurück nehmen.
Nur das mit dem Logo lässt du noch drin.
Nun sollte sich das ganze fast erledigt haben.

Können wir dann das hier abschließen?

Keine Rückmeldung mehr...