Logo wird bei kleinerer Auflösung abgeschnitten/nicht angezeigt!

[askjoe]

Hallo zusammen

Ich habe das Problem, dass das Logo, welches sich am linken oberen Bildschirmrand befindet bei einer kleineren Auflösung abgeschnitten wird.

Sieht jemand das Problem? Hier die verantwortliche .css Datei:
Vielen Dank für eure Hilfe!

Ich habe das Template mal mit einem Schrottbild als Logo genommen auf http://sitecheck.si.funpic.de/ geladen. Dort kann man den Effekt testen, wenn man das Browserfenster minimiert. Rechts erscheint der Scrollbalken, links nicht, wodurch man nicht zum Logo scrollen kann.

Hier noch den Teil, wo das Logo eingebunden wird:
HTML-Code:

 <header>  
    <div class="header-bg">  
      <div class="container_24">  
      	<div class="logo">  
        	<a href="index.html"><img src="http://forum.chip.de/images/logo.jpg" alt=""></a>  
        </div> 

Hier noch ein Auszug aus dem style.css:
Code:

  
/* Global properties ======================================================== */  
body {  
	background:#f8f8f9;  
	font-family:Arial, Helvetica, sans-serif;  
	font-size:100%;  
	line-height:1.0625em;  
	color:#858484;  
	}  
html { min-width:980px;}  
html, body { height:100%;}  
  
  
  
/* Global Structure ============================================================= */  
.container_24 {  
	position: relative;  
	font-size:.75em;  
}  
  
	/* Header */  
	header{  
		height:509px;  
		overflow:hidden;  
		background:url(../images/header-tail.gif) 0 0 repeat-x #fff;  
		}  
  
	/* Content */  
	section#content {  
		background:url(../images/content-tail.gif) 0 0 repeat-x #f8f8f9;  
		padding-bottom:20px;  
		}  
  
	/* Sidebar */  
	aside{  
  
		}  
  
	/* Footer */  
	footer{  
		background:url(../images/footer-tail.gif) 0 100% repeat-x #1079ac;  
		padding:25px 0 25px 0;  
		}  
  
/* Header  
---------------------------------------- */  
  
.header-bg {  
	background:url(../images/header-bg.jpg) no-repeat 50% 0;  
	height:509px;  
	}  
  
/* Logo */  
.logo {  
	position:absolute;  
	left:-465px;  
	top:60px;  
	}

Was ich noch habe wäre ein grid System. Aber der Fehler wird wahrscheinlich hier zu finden sein.

Auf jeden Fall vielen Dank für die Unterstützung!

[ChrisB]

Hi,

Ich habe das Problem, dass das Logo, welches sich am linken oberen Bildschirmrand befindet bei einer kleineren Auflösung abgeschnitten wird.

/* Logo */
.logo {
position:absolute;
left:-465px;
top:60px;
}[/code]

Was ich noch habe wäre ein grid System. Aber der Fehler wird wahrscheinlich hier zu finden sein.

Absolute Positionierung nach oben/links in den negativen Bereich hinein macht Inhalte ggf. unerreichbar.

MfG ChrisB

[askjoe]

Hi,

Ich habe das Problem, dass das Logo, welches sich am linken oberen Bildschirmrand befindet bei einer kleineren Auflösung abgeschnitten wird.

/* Logo */
.logo {
position:absolute;
left:-465px;
top:60px;
}[/code]

Was ich noch habe wäre ein grid System. Aber der Fehler wird wahrscheinlich hier zu finden sein.

Absolute Positionierung nach oben/links in den negativen Bereich hinein macht Inhalte ggf. unerreichbar.

MfG ChrisB

Ich habe bereits versucht, das Logo von mit Abstand rechts zu positionieren, jedoch ohne Erfolg. Das Ergebnis blieb das selbe...

[ChrisB]

Hi,

Ich habe bereits versucht, das Logo von mit Abstand rechts zu positionieren, jedoch ohne Erfolg. Das Ergebnis blieb das selbe...

Auch wenn du dein Bier auf dem einen Meter breiten Tisch in anderthalb Meter Entfernung von der rechten Tischkante abzustellen versuchst, gibt's Scherben und Bierpfütze.

MfG ChrisB

[askjoe]

Auch wenn du dein Bier auf dem einen Meter breiten Tisch in anderthalb Meter Entfernung von der rechten Tischkante abzustellen versuchst, gibt's Scherben und Bierpfütze.

MfG ChrisB

Was wäre dein Lösungsvorschlag, dass ich mein Bier heil bleibt, resp. wie kann ich es umgehen?

[Der Martin]

Hallo,

Auch wenn du dein Bier auf dem einen Meter breiten Tisch in anderthalb Meter Entfernung von der rechten Tischkante abzustellen versuchst, gibt's Scherben und Bierpfütze.
Was wäre dein Lösungsvorschlag, dass ich mein Bier heil bleibt, resp. wie kann ich es umgehen?

wo willst du dein Bier denn wirklich haben? Dein Stylesheet sagt, dass es 465px nach links aus seinem Elternelement heraus verschoben sein soll. Also raus aus dem Browserfenster. Das ergibt keinen Sinn, dann könntest du es auch gleich weglassen.

Apropros weglassen: Das div.logo kannst du auch weglassen; es enthält nur einen Link als einziges Kindelement und ist somit überflüssig. Stattdessen kannst du auch direkt das a-Element positionieren und stylen.

So long,
 Martin

[askjoe]

wo willst du dein Bier denn wirklich haben? Dein Stylesheet sagt, dass es 465px nach links aus seinem Elternelement heraus verschoben sein soll. Also raus aus dem Browserfenster. Das ergibt keinen Sinn, dann könntest du es auch gleich weglassen.

Apropros weglassen: Das div.logo kannst du auch weglassen; es enthält nur einen Link als einziges Kindelement und ist somit überflüssig. Stattdessen kannst du auch direkt das a-Element positionieren und stylen.

So long,
Martin

Guter Tipp, werde ich nächstens umsetzen. Ich möchte das Logo links, neben dem Content. Siehe http://sitecheck.si.funpic.de

Jedoch stellt sich die Frage, wie ich es dort realisieren kann, sodass es mit dem restlichen Bereich trotzdem noch angezeigt wird. Ursprüchlich habe ich es oberhalb des angezeigten Bereichs angedacht. Jedoch hab ich schlussendlich ein grösseres Logo genommen, welches sich links einfach sehr schön macht.

Ist das Schwachsinn, so wie es jetzt aufgebaut ist oder gibt es hierzu auch bei diesem Aufbau eine Möglichkeit das Logo dort "aussen" zu haben?

[WillKate]

glaube das geht net.

[askjoe]

Keiner eine Idee?

P.S. sorry für Doppelposting, habe den Post nicht mehr gefunden....