php-resource



Zurück   PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr > Entwicklung > HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS
 

Login

 
eingeloggt bleiben
star Jetzt registrieren   star Passwort vergessen
 

 

 


HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS Probleme mit HTML5, Bootstrap oder jQuery ?

Antwort
 
LinkBack Themen-Optionen Thema bewerten
  #1 (permalink)  
Alt 02-12-2006, 09:13
Ragnaroek
 Newbie
Links : Onlinestatus : Ragnaroek ist offline
Registriert seit: Dec 2006
Beiträge: 4
Ragnaroek ist zur Zeit noch ein unbeschriebenes Blatt
Standard Bild über mehrere Div's plazieren...

Hallo allerseits...

Zuerst das Objekt des Problems:

Seite

Die Seite besteht im mittleren Teil aus 3 Teilen.

content_oben ist der Verlauf, content_repeater die Stücke in der Mitte (1px), connten_innen der graue Rahmen, und content_footer unten. Ich weiß, das ist noch nicht optimal und wird auch noch verbessert.

Wobei es mir jetzt geht:

Das Bild auf der rechten seite geht von seiner Größe her quasi über mehrere Divs. Das PRob was ich jetzt habe ist das es nie passt. Entweder wird das Bild abgeschnitten oder sprengt alles auseinander. Ich habe das ganze schon an verschiedenen Stellen probiert, aber nichts gefunden. Das ganze sollte am Ende so aussehen:

Entwurf

hätte evt. jemand eine Idee dazu?

Hier noch die Codes:

html:

Code:
<body>
<div id="content_all" align="center">
	
	<div id="header"></div>
	<div id="content_mitte">

		<div id="content_oben"></div>
		
			<div id="content_repeater">
	
				<div id="content_innen">
				<div id="index_rechts"></div>	
				</div>

	
			</div>
		
		<div id="content_footer"></div>

	</div>


</div>
</body>
CSS
Code:
body 
{ 
	background: #ffffff; 
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
}

#content_all
{
	width: 930px;
	height: 650px;
}

#content_mitte
{
	width: 929px;
	height: 559px;
}

#header
{
	width: 800px;
	height: 96px;
	background: url(images/dieter-nuhr-header.jpg) no-repeat top;
}

#content_oben
{
	width: 806px;
	height: 40px;
	background: url(images/dieter-nuhr-content_oben.jpg) no-repeat top;
}

#content_repeater
{
	width: 806px;
	background: url(images/dieter-nuhr-content_repeater.jpg) repeat-y top; width: 806px;
}

#content_footer
{
	width: 806px;
	height: 31px;
	background: url(images/dieter-nuhr-content_footer.jpg) no-repeat top;
}

#content_inhalt
{
	width: 806px;
	height: 600px;
}

#content_innen
{
	z-index: 5;
	width: 718px;
	height: 485px;
	background: url(images/dieter-nuhr-content_innen.jpg) no-repeat top;
}

#index_rechts
{
	z-index: 10;
	background: url(images/dieter-nuhr-index-rechts.png) no-repeat top;
	width: 245px;
	height: 513px;
	margin-left: 650px;
	margin-top: 0px;
}
vielen lieben Dank schon mal für die Hilfe

Ragna
Mit Zitat antworten
  #2 (permalink)  
Alt 04-12-2006, 08:37
XGremliN
 PHP Senior
Links : Onlinestatus : XGremliN ist offline
Registriert seit: Sep 2003
Ort: Karl-Marx-Stadt
Beiträge: 1.900
XGremliN ist zur Zeit noch ein unbeschriebenes Blatt
Standard

im CSS in #content_mitte das Bild als background eintragen
__________________
it's not a bug,
it's a feature!
Mit Zitat antworten
Antwort

Lesezeichen


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 

Themen-Optionen
Thema bewerten
Thema bewerten:

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 an


PHP News

Die RIGID-FLEX-Technologie
Die RIGID-FLEX-TechnologieDie sogenannte "Flexible Elektronik" , oftmals auch als "Flexible Schaltungen" bezeichnet, ist eine zeitgemäße Technologie zum Montieren von elektronischen Schaltungen.

06.12.2018 | Berni

ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlicht
ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlichtDie bekannte Marktplatzsoftware ebiz-trader ist in der Version 7.5.0 veröffentlicht worden.

28.05.2018 | Berni


 

Aktuelle PHP Scripte

Plates native PHP template system

Plates ist ein natives PHP-Vorlagensystem, das schnell, einfach zu verwenden und einfach zu erweitern ist.

24.05.2019 Berni | Kategorie: PHP/ Framework
Maqetta Open Source  HTML5-Editor ansehen Maqetta Open Source HTML5-Editor

Einen WYSIWYG-Editor zur visuellen Erstellung von Userinterfaces in HTML5 (Drag-and-Drop)

13.05.2019 Berni | Kategorie: HTML5/ EDITOR
NodeBB

NodeBB ist eine Foren-Software auf NodeJS-Basis

13.05.2019 Berni | Kategorie: PHP/ Forum PHP Software
 Alle PHP Scripte anzeigen

Alle Zeitangaben in WEZ +2. Es ist jetzt 03:29 Uhr.