zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden zwischen drei Elementen dynamisch kacheln

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 07.05.2007, 13:11
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.08.2006
Beiträge: 10
lohroli befindet sich auf einem aufstrebenden Ast
Standard zwischen drei Elementen dynamisch kacheln

Hallo Leute

da die Website noch nicht online ist, hänge ich hier die Codepassagen rein, die zur Betrachtung notwendig sind.

Ich hab folgendes Problem. Ich möchte, dass die mit xxx-gekenntzeichneten Bereiche so aufgefüllt werden, dass sie möglichst keinen Weissraum zeigen. Statt der xxx stünden korrekterweise links und rechts je ein Hintergrundbild, welches man kachelt. Zur Ansicht hab ich hier aber die xxx eingesetzt, weil man so besser sieht, was ich vorhabe.

Irgendwie schaffe ich es aber nicht, die Breite der weissen Flächen mit dem Hintergrundbild kacheln zu lassen. Die Breite einer weissen Fläche ist dynamisch, füllt sich aber nicht automatisch mit der Farbe.

Kann mir jemand einen Tipp geben, wie ich das anstellen muss?

Vielen Dank!
lohroli





Code:
<div id="rahmen">
		<div id="hintergrund">
			<div id="bogenLinks"></div>
			<div id="bogenMitteBlau">xxx</div>
			<div id="bogenRechts"></div>

			<div id="bogenMitteRot">xxx</div>
			<div id="logo">
				<span class='blau'>&nbsp;</span>
				<span class='P'>P</span>
				<span class='A'>A</span>
				<span class='S'>S</span>
				<span class='S2'>S</span>
				<span class='E'>E</span>
				<span class='R'>R</span>
				<span class='E2'>E</span>
				<span class='L'>L</span>
				<span class='L2'>L</span>
				<span class='E3'>E</span>
			</div>
		</div><!--Ende hintergrund-->

		<div id="content">
			<div id="navigation">
			Hier steht die Navigation			
			</div>

			<div id="text">
			Hier steht der Text		
			</div>
		
		<br class="clear" />
		</div><!--Ende content-->

	<br class="clear" />
</div><!--Ende rahmen-->

Code:
/*_________________________________________Global_____________________________________________*/

* { 
padding:0;
margin:0;
}

body {
text-align:center; 
font-size: 1em;
font-family: Verdana, Arial, Sans-Serif;
color:#000; 
font-size:100.01%;
line-height:1.2em;
}

img {
border:0;
}

a {
color:#000;
text-decoration:none;
}

a:hover {
color:#666;
text-decoration:underline;
}

#rahmen {
width: 80%;
margin-top:0;
margin: auto;
text-align:left;
border:1px solid #000;
}


/*_________________________________________Hintergrund_____________________________________________*/


#hintergrund #bogenLinks {
float:left;
width: 300px;
height: 117px;
background: url(images/pass_bogen_li_300.png) repeat-y 0 0;
}

#hintergrund #bogenRechts {
float:right;
width: 300px;
height: 117px;
background: url(images/pass_bogen_re_300.png) repeat-y 0 0;
}

#hintergrund #bogenMitteBlau {
background: url(images/pass_bogen_blau.png) repeat-x 0 0;
float:left;
}

#hintergrund #bogenMitteRot {
float:right;
background: url(images/pass_bogen_rot.png) repeat-x 0 0;
}


#hintergrund #logo{
margin-left: auto;
margin-right: auto;
margin-top:0;
text-align:center;
font-family: Verdana, Arial, Sans-Serif;
font-size: .8em;
}


#hintergrund #logo .P, #hintergrund #logo .A, #hintergrund #logo .S, #hintergrund #logo .S2, #hintergrund #logo .E {
background-color: #EF2B2D;
padding: .5em;
border:1px solid #fff;
color:#fff;
}

#hintergrund #logo .R, #hintergrund #logo .E2, #hintergrund #logo .L, #hintergrund #logo .L2, #hintergrund #logo .E3 {
background-color: #0C1C8C;
padding: .5em;
border:1px solid #fff;
color:#fff;
}


/*_________________________________________Content_____________________________________________*/

#content {
clear:both;
background-color: yellow;
}
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 08.05.2007, 15:22
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 14.08.2006
Beiträge: 10
lohroli befindet sich auf einem aufstrebenden Ast
Standard gleicher Titel

Hallo alle

gibt es einen Grund, weshalb niemand antwortet? Versteht man mich nicht? Braucht es noch Infos von meiner Seite? Die liefere ich gerne...

Danke für Eure Antworten
lohroli
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 08.05.2007, 16:01
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.838
RoToRa wird schon bald berühmt werden
Standard

Vermutlich deswegen: http://xhtmlforum.de/40080-fuer-frag...twortende.html

Probleme mit Grafiken lassen sich nämlich ohne diese schlecht Lösen.

Robin
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
dynamisch Marker setzen zwischen zwei Geo Punkten Maxpumpe Javascript & Ajax 0 10.10.2009 16:39
komplikationen mit der positionierung von elementen, zwischen firefox und IE Caner CSS 2 31.05.2008 01:02
Dropdown Menü: Platz zwischen Elementen lassen KartoffelKiffer CSS 2 16.08.2007 17:13
Unterteilungen zwischen <li> Elementen sven81 CSS 5 12.08.2007 17:00
abstände in div zwischen h und anderen elementen eyetag CSS 16 20.07.2005 18:42


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:16 Uhr.