Blauer Balken bei Mobile-Ansicht

Claudia
Autor
Offline
Senior Mitglied

Mehr

27 März 2013 09:30 - 04 Apr. 2013 12:36 #36378 von Claudia

Blauer Balken bei Mobile-Ansicht wurde erstellt von Claudia

Hallo

Bei der Ansicht der Webside auf dem I-Phone oder sonstigen Smartphones wird ein blauer Balken angezeigt anstelle des Logobalkens. Wie bringe ich das weg?

Vielen Dank
claudia

Chris Hoefliger
Offline

Mehr

27 März 2013 18:11 #36382 von Chris Hoefliger

Chris Hoefliger antwortete auf Blauer Balken bei Mobile-Ansicht

Meine Kristallkugel bleibt nicht etwa dunkel, sie ist komplett schwarz. Du kannst nicht ernsthaft glauben, du bekömmest eine Antwort auf diese Frage?

Wilhelm Busch schrieb: Über diese Frage des Kandidaten Jobses
Geschah allgemeines Schütteln des Kopfes.

Joomla! 3: Professionelle Webentwicklung von David Jardin und Elisa Foltyn - das Standardwerk zu Joomla! 3
Wer nicht über den Anstand verfügt, ein kleines "Thänx" auszusprechen, muss sich nicht wundern, künftig ignoriert zu werden!
Kein Support via PM oder Mail. Entsprechende Anfragen werden ignoriert.

Cryst
Offline
Neues Mitglied

Mehr

31 März 2013 09:29 #36417 von Cryst

Cryst antwortete auf Blauer Balken bei Mobile-Ansicht

Hallo Claudia!
Schon eine Lösung gefunden?
Könntest du wenigstens noch ein wenig mehr Informationen und Vlt. noch nen Screenshot anhängen?

Gruss Ray

Don’t take life as hard it is, because you are the one who can change it.
So, if something is impossible, use your imagination.

Ray L.

Tribal6
Offline

Mehr

31 März 2013 10:49 #36418 von Tribal6

Tribal6 antwortete auf Blauer Balken bei Mobile-Ansicht

Hello

Was W.Bush meint, ist, dass bei Darstellungsfehlern meist ein Link zu dem Problem hilfreich ist. Dann weiss man, wovon die Rede ist und im Quelltext sieht man dann meist auch gleich die Ursache. Ansonsten bleibt nur noch raten, und das bringt nix.

Flash wäre z.B. so ne Sache, was sich nicht anzeigen lässt auf'm Ei-Fon (hab ich gehört). Wenn dein Logo nun ein Flash ist, musst du das austauschen. Kann aber auch ganz was anderes sein.

Mist. Jetzt hab ich doch geraten.

Frohes Schnee schippen
Roger

Tue das, was du kannst, mit dem was du hast, da wo du bist.

Folgende Benutzer bedankten sich: Chris Hoefliger

Claudia
Autor
Offline
Senior Mitglied

Mehr

31 März 2013 11:51 #36421 von Claudia

Claudia antwortete auf Blauer Balken bei Mobile-Ansicht

Hallo zusammen

sorry wenn ich mich erst jetzt melde, wie kann ich einen Screenshot vom Handy schicken?
Auf der Webside wird es eben richtig angezeigt, das nützt Euch ja nichts, oder?
Ich schicke Euch hier mal den Link zur Webside.

www.beatrice-burkart.ch

Wenn ich die Webside öffne erscheint auch für eine Sekunde eine dunkelblauer Balken beim Logo,
ich nehme jetzt mal an, dass das Bild irgendwo noch hinterlegt ist oder dass das Dunkelbau als
Hintergrundfarbe angelegt wurde, aber ich konnte im Quellcode nichts finden.

Hoffe ich habe die Kristallkugel etwas erhellt.
viele grüsse
Claudia

Chris Hoefliger
Offline

Mehr

31 März 2013 12:50 - 31 März 2013 13:46 #36423 von Chris Hoefliger

Chris Hoefliger antwortete auf Blauer Balken bei Mobile-Ansicht

Das sieht schon besser aus. Du verwendest das Beez 3 Template, da steht in der personal.css Zeile 416 folgendes:

Code:

.logoheader {
    background: none repeat scroll 0 0 #0C1D43;
    margin: 0;
    min-height: 100px;
}

Kommentier doch mal die ganze Zeile mit dem background aus. Grund: Dein Headerbild ist zu gross für Molbiles und wird ersetzt durch das was in der zeile 416 ff steht, sobald die Grafik nimmer dargestellt werden kann. Beez 3 ersetzt offenbar die grafik in dem Moment durch eine Farbe - kannst also auch den blauen Balken #0C1D43 durch deine eigene hintergrundsfarbe ersetzen - und gut ist.

Cryst
Offline
Neues Mitglied

Mehr

02 Apr. 2013 01:01 #36437 von Cryst

Cryst antwortete auf Blauer Balken bei Mobile-Ansicht

So ist es doch viel einfacher.

Hoffe so Klappts:
Der Blaue Balken oben auf Zeile:421

Code:

#line {
text-align: center;
top: 0;
right: auto;
max-width: 100%;
min-width: 100%;
margin: 0 0px;
background: #095197;
display:none;
}

Der grosse Dunkel Blaue Balken auf Zeile:416

Code:

.logoheader {
background: url(../images/personal/personal2.png) no-repeat bottom right;
background-size: 100%;
min-height: 100px;
margin: 0;
}

Hoffe so funktionierts.

Gruss Ray

Don’t take life as hard it is, because you are the one who can change it.
So, if something is impossible, use your imagination.

Ray L.

Claudia
Autor
Offline
Senior Mitglied

Mehr

02 Apr. 2013 09:31 #36439 von Claudia

Claudia antwortete auf Blauer Balken bei Mobile-Ansicht

Vielen Dank für Eure Hilfe, habs zwar noch nicht ausprobiert aber wird schon klappen.
Nun habe ich aber noch eine Frage, wenn ich nun möchte, dass der Logobalken auch auf dem I-Phone erscheint (muss den natürlich kleiner machen) wo muss ich den wie hinterlegen.

Vielen Dank im voraus
Gruss
Claudia

Cryst
Offline
Neues Mitglied

Mehr

02 Apr. 2013 09:47 #36441 von Cryst

Cryst antwortete auf Blauer Balken bei Mobile-Ansicht

Mit diesem code auf Zeile 416, sollte das Logo Automatisch eingepasst werden.
Einfach mal ausprobieren.

Code:

.logoheader {
background: url(../images/personal/personal2.png) no-repeat bottom right;
background-size: 100%;
min-height: 100px;
margin: 0;
}

Don’t take life as hard it is, because you are the one who can change it.
So, if something is impossible, use your imagination.

Ray L.

Chris Hoefliger
Offline

Mehr

02 Apr. 2013 09:52 - 02 Apr. 2013 09:54 #36442 von Chris Hoefliger

Chris Hoefliger antwortete auf Blauer Balken bei Mobile-Ansicht

Im Prinzip hat dir Cryst den Weg aufgezeigt. Schau mal den CSS Code genau an, dann siehst du die Lösung:

personal.css ab Zeile 398

Code:

@media only screen and (max-width: 480px) {

	img {
  max-width: 100%;
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
}


	#fontsize{display:none}
	#nav,#wrapper2,#wrapper,.cols-3 .column-1,.cols-3 .column-2,.cols-3 .column-3,#right,.box,#header form
		{
		float: none;
		width: 100%
	}
	#header {padding-top:3em}
	#header form  {margin:0}
	.logoheader {background:#0C1D43; min-height:100px; margin:0}
	.box {
		border-left: 0 !important;
		border-bottom: solid 1px #ddd;
	}
	#line {
		text-align: center;
		top: 0;
		right: auto;
		max-width: 100% ;
		min-width:100%;

		margin: 0 0px; background:#095197;
	}
	#header form input {
		float: none; margin-bottom:4px
	}
	#menuwrapper { margin-top:10px; }
	#header ul.menu {position:relative; top:0;left:20px; right:20px; margin:0; width:90%; border-radius:4px}
	#header ul.menu li:first-child a {border-radius: 4px 4px 0 0}
	#header ul.menu li:last-child a {border-radius:0 0 4px 4px }
	#header ul.menu li a:link,
	#header ul.menu li a:visited {
		display: block;
		padding: 6px 10px;
		border-bottom: solid 1px #ccc
	}
}

Da steht doch genau drin, was mit .logoheader gemacht werden soll, wenn die Bildschirmbreite 480px unterschreitet. Na, rings a bell?

Folgende Benutzer bedankten sich: Bettina

Moderatoren: pascale, adiheutschi.ch, Tribal6, RePao, Dragonlord, Chris Hoefliger

Joomla! Forum Schweiz wird Teil der D-A-CH Community

forum.joomla.de

Blauer Balken bei Mobile-Ansicht