Background-Image

Cheops07 · #1 (**permalink**) 14.11.2008, 19:19

Hier der Link zu meinem Problem:

Home

Eigentlich möchte ich, wenn der Bildschirm verkleinert wird, dass dann das Banner links beschnitten wird. Wenn ich jetzt den rechten Rand des Fensters nach links ziehe, verschwindet die Malve (rote Blume) unter dem linken Logo.

Wie erreiche ich dieses Ziel?

Hier der HTML-Code:

HTML-Code:

<body>

<div id="wrapper">
  <div id="top">
    <div id="logo"></div>
  </div>
  <div id="left">
		<ul id="nav">
			<li>Link </li>
			<li>Link </li>
			<li>Link </li>
			<li>Link </li>
		</ul>
  </div>
	
	<div id="right"></div>
	
	<div id="main">
		<h2>Überschrift</h2>
		<p>Absatz</p>
	</div>
	
	<div id="bottom">
		<p>Fusszeile</p>
	</div>
	
</div>
</body>

Hier der CSS-Code:

Code:

/* CSS Document */

html {
	height: 101%; /* erzwingt Scrollbalken in Firefox */
}	

body {
	font-family: Calibri, Helvetica, Verdanan, Arial, sans-serif;
	margin: 20px;
	text-align: center;
	margin-top: 1.5em;
	padding-bottom: 1em;
}

#wrapper {
	max-width: 1280px;
	margin: 1em;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	border: 5px solid silver;
	text-align: left;
}

#top {
	background: url(images/balken_rechts_780x160.jpg) no-repeat right;
	height: 160px;
	margin: 0.5em;
}

#logo {
	background: url(images/logo_269x160.jpg) no-repeat;
	height: 160px;
	margin: 0.5 em;
}

Herzlichen Dank für die Hilfe.

Cheops07 · #2 (**permalink**) 15.11.2008, 07:53

Ich konnte das beschriebene Problem selber lösen und zwar mit background-position!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Inline Listenelement wird nicht richtig im background befüllt	SteveB	CSS	3	28.04.2011 20:41
Problem mit CSS Style	flo007	CSS	3	25.01.2009 17:08
Float-Reihenfolge?	wolf1985	CSS	0	21.08.2008 01:35
Mozilla zeigt DIV zu oft an	cracki	CSS	6	09.03.2008 15:22