Arclite2 - Breite der Headergrafik zu schmal

Begonnen von Biker, 12 November 2018, 16:07:17

⏪ vorheriges - nächstes ⏩

0 Mitglieder und 1 Gast betrachten dieses Thema.

Biker

Moin!
Kann mir bitte jemand sagen, wie ich es hinkriege, dass die Grafik - siehe Anhang! - über die gesamte Breite angezeigt wird?
Sieht irgendwie blöd aus, wenn links und rechts ein weißer Kasten bleibt.

Danke vorab!

Gruß
Bernd
Detektei Martin - wir bringen Licht ins Dunkle!

fjuergens

#1
Denke mal Du hast es hin bekommen...
den wen ich die Seite aufrufe ist links und rechts kein weißer Kasten zu sehen.....
Nur die Grafik über die gesamte Breite....

PS: Die Seite sieht sehr gut aus.... :thumbup:
mit netten Grüßen aus Athen / GR
F.Juergens

Olaf

die Grafik geht nicht größer, du kannst das aber mit einem Trick lösen....
Suche in der style.css nach ".header" (so um Zeile 606 rum muss das stehen.....)
und ergänze die Einträge dazu um:
background-color: #053853;

also müsste der Tag dann etwa so aussehen.....
.header {

    margin: 0 auto;
    background-repeat: no-repeat;
    height: 250px;
    position: relative;
    background-image: url('images/header.jpg');
    background-position: center top;
    background-color: #053853;

}

dann wird der Hintergrund links und rechts um die Farbe der Grafik erweitert.....
g

Olaf

Kein Support über PN, Mail etc.!
Bitte die Fragen im Forum stellen, nur so helfen die Antworten auch den anderen Usern.
Bitte auch die Boardsuche nicht vergessen, oft ist genau dein Problem schon an anderer Stelle gelöst worden!

Biker

Hm....das stand bei mir in der style.css schon drin.

Liegt es ggf. an der Bildschirmgröße meines IMac 27?
Im Safari und im Mozilla habe ich, wie auf der zu Anfang angehängten Grafik oben rechts und links einen weißen Bereich.
:gruebel: :gruebel: :gruebel:


Zitat von: TerraProject am 13 November 2018, 18:13:14
die Grafik geht nicht größer, du kannst das aber mit einem Trick lösen....
Suche in der style.css nach ".header" (so um Zeile 606 rum muss das stehen.....)
und ergänze die Einträge dazu um:
background-color: #053853;

also müsste der Tag dann etwa so aussehen.....
.header {

    margin: 0 auto;
    background-repeat: no-repeat;
    height: 250px;
    position: relative;
    background-image: url('images/header.jpg');
    background-position: center top;
    background-color: #053853;

}

dann wird der Hintergrund links und rechts um die Farbe der Grafik erweitert.....
Detektei Martin - wir bringen Licht ins Dunkle!

Biker

Also wenn ich den Browser am IMac 27 auf 150% vergrößer, sehe ich auch keine weißen Bereiche mehr.
:gruebel: :gruebel: :gruebel:
Detektei Martin - wir bringen Licht ins Dunkle!

satorman

Wenn ich auf meinen Monitor auf 80% gehe habe ich auch weisse Balken  :puzzled:
Was passiert bei dir wenn Du statt

background-repeat: no-repeat;

background-repeat: repeat;

eingibst?

Biker

Bei 80% ist das normal.....fehlen ja 20 % in der Breite.

Da ändert sich nichts.

Zitat von: satorman am 11 Februar 2019, 00:13:16
Wenn ich auf meinen Monitor auf 80% gehe habe ich auch weisse Balken  :puzzled:
Was passiert bei dir wenn Du statt

background-repeat: no-repeat;

background-repeat: repeat;

eingibst?
Detektei Martin - wir bringen Licht ins Dunkle!

satorman

#7
Da Du grossen Monitor hast ist bei Dir dann bei 80% normal
Deine Seite ist bei mir bei 100% normal und wenn ich auf 80 oder weniger gehe sehe ich weisse Balken
Ich bin kein Programierer aber bei mir hat es mit "repeat" funktioniert.
Und wenn ich bei Dir "repeat" eingebe schaut auf meinen Monitor gut aus
Sehe es Dir zwei angehängte Grafiken...

http://www.neuarzl-olympischesdorf.at/


Olaf

Hab das Theme mal entsprechend angepasst. Ist im Download mit neuer Version verfügbar.

Ich hoffe, jetzt klappts auch bei Euch damit.  :gruebel:
g

Olaf

Kein Support über PN, Mail etc.!
Bitte die Fragen im Forum stellen, nur so helfen die Antworten auch den anderen Usern.
Bitte auch die Boardsuche nicht vergessen, oft ist genau dein Problem schon an anderer Stelle gelöst worden!