zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Background-Image

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 14.11.2008, 20:19
Benutzerbild von Cheops07
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.01.2006
Beiträge: 27
Cheops07 befindet sich auf einem aufstrebenden Ast
Standard Background-Image

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.
__________________
Es lebe der Firefox
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 15.11.2008, 08:53
Benutzerbild von Cheops07
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.01.2006
Beiträge: 27
Cheops07 befindet sich auf einem aufstrebenden Ast
Standard Background-Image

Ich konnte das beschriebene Problem selber lösen und zwar mit background-position!
__________________
Es lebe der Firefox
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


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


Alle Zeitangaben in WEZ +2. Es ist jetzt 21:51 Uhr.