Header und Navileiste hängen zusammen

23.10.2015 23:12 (zuletzt bearbeitet: 23.10.2015 23:14)
#1 Header und Navileiste hängen zusammen
avatar
Mitglied

Hallo.

Wie kann es eigentlich zu Stande kommen, dass sich die Größe des Headers ändert, wenn ich im CSS an der Navi die Größe veränder? Das ist nicht besonders schön und stört schon ziemlich, ich hab aber leider keine Lösung dafür...

Im Testforum siehts super aus, da habe ich aber einen anderen CSS-Code für die Navi als im richtigen... will ich den ins richtige tun, übernimmts das aber nicht richtig.

CSS Code im Testforum: ul.navigation { ... }
CSS Code im richtigen: #navigation { ... }

Ich möchte nicht, dass es die Navigation über die ganze Breite des Bildschirms zieht, bekomme es aber nicht hin sie kleiner zu machen ohne, dass sich der Header daran anpasst. Jetzt hab ich die Navi Breite auf 65% und den Header leider auch, wobei der bei 100 bleiben sollte.


Kann jemand helfen?

Liebe Grüße
Carissa


 Antworten

 Beitrag melden
24.10.2015 00:00
avatar  Olaf
#2 RE: Header und Navileiste hängen zusammen
Ol
Mitglied

Was möchtest Du denn haben?
Der Header ist jetzt genauso breit,wie das Forum.
Nur die Navi ist ja ganz verschoben.
Was hast Du denn für diese nette Verschiebung schon eingegeben?

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
24.10.2015 00:56 (zuletzt bearbeitet: 24.10.2015 00:56)
avatar  ( gelöscht )
#3 RE: Header und Navileiste hängen zusammen
Gast
( gelöscht )

Also, im Gaia hat die Navigation immer die gleiche Breite wie das Forum. Du kannst die Forumsbreite z.B. auf 65 % Prozent einstellen, dann ist auch die Navigation bei 65 %. Den Header musst du selbst so erstellen, dass er passt, also z.B. 600 px in der Breite. Das geht alles ohne Veränderungen im CSS.

Im Business Template ist das etwas anders. Da hat die Navigation nicht die gleiche Breite wie das Forum, da muss man tatsächlich Veränderungen am CSS vornehmen.

Du willst jetzt anscheinend alles in einer Breite von 65 % einstellen. Den Header musst du dir in der gewünschten Breite selbst zurechtschneiden und den Rest machst du im Gaia entweder über Admin → Layout → Farben und Einstellungen → Größen und Werte oder im Business Template über das CSS.

Ich verwende das Gaia und habe eine Forumsbreite von 960 px eingestellt. Entsprechend habe ich auch meinen Header mit einer Breite von 960 px erstellt: [1]


 Antworten

 Beitrag melden
24.10.2015 01:01 (zuletzt bearbeitet: 24.10.2015 01:07)
avatar  ( gelöscht )
#4 RE: Header und Navileiste hängen zusammen
Gast
( gelöscht )

Achso, du willst, dass die Navigation sich nicht an den Header anpasst? Im Gaia stelllst du die Breite der Navigation wie oben beschrieben ein (Breite des Forums). Der Header bleibt dann unverändert.

Wie das im Business Template funktioniert, kann ich dir nicht sagen.

Edit: Irgendwas hast du im CSS nicht richtig gemacht, weil sich deine Navigation nach links verschiebt. Also vielleicht solltest du den gesamten Eintrag nochmal überprüfen, dann löst sich vielleicht auch dein Problem mit dem Header.


 Antworten

 Beitrag melden
24.10.2015 10:42
#5 RE: Header und Navileiste hängen zusammen
avatar
Mitglied

Das mit der nach links verschobenen Navi war nur daraus entstanden, dass ich alles mögliche durchprobiert hab, jetzt ist es wieder richtig. Aber wenn man jetzt im Forum guckt, dann zieht die Navi sich über die ganze Breite und der Header ist so groß wie ich ihn haben will. Ich möchte jetzt, dass sich die Navi an die Breite des Forums anpasst, der Header aber so bleibt wie er ist und sich NICHT verändert.

Ich habe aber keine Idee mehr wie ich das hinbekomme


 Antworten

 Beitrag melden
24.10.2015 10:48 (zuletzt bearbeitet: 24.10.2015 10:48)
avatar  Olaf
#6 RE: Header und Navileiste hängen zusammen
Ol
Mitglied

Per CSS machbar:

1
2
3
4
5
6
 
#navigation {
margin-left: auto;
margin-right: auto;
width:57%;
}
 
 



Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
24.10.2015 10:51
#7 RE: Header und Navileiste hängen zusammen
avatar
Mitglied

So war mein Code mal und dann hat es auch den Header verkleinert... deswegen habe ich so viel rumprobiert und nach ner anderen Lösung gesucht. Ich kann es aber gerne demonstrieren.


 Antworten

 Beitrag melden
24.10.2015 10:55
avatar  Olaf
#8 RE: Header und Navileiste hängen zusammen
Ol
Mitglied

Ist therotisch nicht möglich,das sich der Header durch meinen Code verändert,da NUR die Navi angesprochen wird.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
24.10.2015 11:00
#9 RE: Header und Navileiste hängen zusammen
avatar
Mitglied

Ich weiß nicht wieso das so ist:

http://www.abeginningthatneverends.de/

Navi richtig - Header viel kleiner als vorher. Sogar kleiner als die Tabelle.


 Antworten

 Beitrag melden
24.10.2015 11:19
avatar  Olaf
#10 RE: Header und Navileiste hängen zusammen
Ol
Mitglied

Der Tabelle hast Du ja auch eine feste Größe gegeben:

1
 
<table style="width: 880px; height: 280px;" border="1">
 



Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
24.10.2015 11:25 (zuletzt bearbeitet: 24.10.2015 11:26)
#11 RE: Header und Navileiste hängen zusammen
avatar
Mitglied

Ja aber selbst wenn ich dem Header in der Kopfzeile eine feste Größe gebe <img src="Bildlink" width="1024px" height="500px" />
(nur als Beispiel) bleibt der auf 57% skalliert.... an irgendetwas muss das ja liegen.

EDIT: Wenn man mit Firefox auf mein Forum geht und dann rechtsklick auf den Header macht und dort "Grafik-Info anzeigen" dann steht da auch in dem Fenster das sich öffnet die eigentliche Bildgröße aber in Klammern dahinter (skalliert zu...)


 Antworten

 Beitrag melden
24.10.2015 11:37
avatar  Olaf
#12 RE: Header und Navileiste hängen zusammen
Ol
Mitglied

Naja 57% sind das nicht.
Ich könnte Dir diesen Code anbieten,der das Headerbild zumindest auf die Original Größe anzeigt:

1
2
3
4
 
.usercontent img{
max-width: 100% !important;
}
 
 



Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
24.10.2015 11:40
#13 RE: Header und Navileiste hängen zusammen
avatar
Mitglied

Ohhhh DANKE! Der Code war meine Rettung

Dankeschön Olaf


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!