zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Zentrierter Background + Menü und Contentbereich => Verschiebung bei kleiner Breite

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 17.11.2011, 23:50
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.11.2011
Beiträge: 3
deepmessage befindet sich auf einem aufstrebenden Ast
Standard Zentrierter Background + Menü und Contentbereich => Verschiebung bei kleiner Breite

Hallo zusammen,

beim Umsetzen eines neuen Design bin ich auf ein kleines Problem gestoßen, wenn die Fensterbreite zu gering ist.
Dort wird das Menü in den Contentbereich verschoben. Das passiert, sobald der Scrollbalken notwendig wird.
Siehe hierzu: Test

Weiß jemand, wie ich das Problem lösen kann?

Danke und Gruß
Alex
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 17.11.2011, 23:56
body.ie {display: grotte}
XHTMLforum-Mitglied
 
Registriert seit: 09.01.2011
Beiträge: 841
take_a_7 sorgt für eine eindrucksvolle Atmosphäretake_a_7 sorgt für eine eindrucksvolle Atmosphäre
Standard

Moin,

das ist nicht dein einziges Problem. Wenn ich die Fenstergröße ändere, ist der Content nie direkt über dem Bereich, über dem er laut HG-Bild sein sollte. Teile das Bild mal auf, und gib den HG für den content auch dem content.

gruß,
take

P.S. Hab mal nen Screenshot gemacht, zur Verdeutlichung
Angehängte Grafiken
Dateityp: jpg Zwischenablage02.jpg (171,7 KB, 8x aufgerufen)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 18.11.2011, 09:43
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.11.2011
Beiträge: 3
deepmessage befindet sich auf einem aufstrebenden Ast
Standard

Hallo Take,

vielen Dank für Deine Antwort. Ich probiere es heute Abend aus!

Gruß
Alex
Mit Zitat antworten
  #4 (permalink)  
Alt 20.11.2011, 19:26
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.11.2011
Beiträge: 3
deepmessage befindet sich auf einem aufstrebenden Ast
Standard

Hallo,

ich habe es ausprobiert und nach ein paar Recherchen diese Lösung erarbeitet:

HTML-Code:
<style type="text/css" media="screen">
	#myHeader1 {
		left:0;
		position:absolute;
		width: 50%;
	}
	
	#myHeader1a { 
		border: none;
		height: 205px;
		float: right;
		margin-right: 475px;
	}
	
	#myHeader2 { 
		background: url("http://xhtmlforum.de/images/header2.png") no-repeat top; 
		border: none;
		height: 205px;
		float: left;
		text-align: left; 
		margin: 0px auto 0;
		width: 952px;
		position: absolute;
		left: 50%;
		margin-left: -475px;
	}
	
	#myHeader3 { 
		position: absolute;
		right: 0px;
		width: 50%;
		overflow: hidden
	}
	#myHeader3a { 
		border: none;
		height: 205px;
		float: left;
		margin-left: 476px;
	}	
</style>
HTML-Code:
	<div id="myHeader">
		<div id="myHeader1">
			<div id="myHeader1a">
				<img src="http://xhtmlforum.de/images/header1.jpg" />
			</div>
		</div>
		<div id="myHeader2">
		</div>
		<div id="myHeader3">
			<div id="myHeader3a">
				<img src="http://xhtmlforum.de/images/header3.jpg" />
			</div>					
		</div>
	</div>
Falls das einfacher geht, wäre ich interessiert daran
Und: Ganz zufrieden bin ich mit den beiden "nicht-background-Bildern" auch nicht...

Gruß
Alex

Geändert von deepmessage (20.11.2011 um 19:33 Uhr)
Mit Zitat antworten
  #5 (permalink)  
Alt 20.11.2011, 20:30
body.ie {display: grotte}
XHTMLforum-Mitglied
 
Registriert seit: 09.01.2011
Beiträge: 841
take_a_7 sorgt für eine eindrucksvolle Atmosphäretake_a_7 sorgt für eine eindrucksvolle Atmosphäre
Standard

Moin,

du hast glaub ich das Problem, dass du im Web so gestalten willst, wie auf Papier. Aber das geht nicht. Lies dir mal dieses Kapitel von Little Boxes durch, dort wird das näher erklärt. Löse dich davon, 100%ig bestimmen zu können, wie deine Seite aussehen soll, sonst wird das nix.

gruß,
take
Mit Zitat antworten
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
FAQ -- Häufig gestellte Fragen und häufig gegebene Antworten mazzo CSS 10 05.04.2012 18:32
Footer left und right Probleme... wolf1985 CSS 2 14.08.2008 14:04
Menü mit Punkten unterschiedlicher Breite Steakfred CSS 2 20.01.2008 12:52
div Breite nicht kleiner als Inhalt DcK CSS 0 18.11.2006 15:44
Flexible Breite, zentrierter Contentbereich sancho22 CSS 3 06.03.2006 18:07


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:53 Uhr.