Background - Seite 2

Bastianlo · #11 (**permalink**) 06.06.2008, 10:05

vielen dank euch beiden... sobald ich aus der arbeit wieder raus bin und am heimischen rechner platz genommen habe werde ich das ausprobieren....

Bastianlo · #12 (**permalink**) 06.06.2008, 15:59

also ich habs jetzt in #inhalt geschmissen und dann wird das bild nicht mehr angezeigt (auch wenn ich die background-color ganz rausschmeisse .... ich lad mal den code und nen screenshots hoch wies im FF und im IE 7 aussieht....

das 3. jpg ist der hintergrund
das 4. jpg ist der entwurf wies aussehen soll.....

wär cool wenn ihr mir helfen könntet

hier noch der code:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de">
<head>
<title>Willkommen bei Dejavu Concepts</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style type="text/css">

body
{
	background-color: #000;
	text-align: center;
	margin: 0 auto;
}
#inhalt
{ 
	text-align: left;
	margin: 0 auto;
	background-color: #fff;
	width: 467px;
	height: 792px;
	background: #FFF url('images/background.jpg') no-repeat 0 0 #000;
}
#player
{
	text-align: center
	background-color: #000
	
}
	
</style>

</head>


<body>





<div id="inhalt">
<table cellpadding="0" cellspacing="0" width="467" border="0" margin="auto">
	<!-- MSCellFormattingTableID="1" -->
	<tr>
		<td width="467" height="225">
		<!-- MSCellFormattingType="content" -->
		<map name="FPMap0">
		<area href="erste.htm" shape="rect" coords="8, 204, 98, 222">
		<area href="design.htm" shape="rect" coords="98, 206, 189, 221">
		<area href="leistung.htm" shape="rect" coords="188, 205, 276, 221">
		<area href="aboutus.htm" shape="rect" coords="278, 205, 372, 222">
		<area href="contact.htm" shape="rect" coords="373, 205, 457, 222">
		</map>
		<img border="0" src="images/header.jpg" width="467" height="225" usemap="#FPMap0"></td>
	</tr>
</table>
<table cellpadding="0" cellspacing="0" width="467" border="0" margin="auto">
	<!-- MSCellFormattingTableID="2" -->
	<tr>
		<td width="467" height="567">
		<!-- MSCellFormattingType="content" -->
		<div style="position: absolute; width: 100px; height: 313px; z-index: 1; left: 669px; top: 398px" id="inhalt">
			<img border="0" src="images/flyerleiste.jpg" width="175" height="386"></div>
		<p><map name="FPMap1">
		<area coords="56, 451, 174, 460" shape="rect" href="eventplakate.htm">
		<area href="logos.htm" shape="rect" coords="56, 475, 150, 485">
		<area href="onlinemagazine.htm" shape="rect" coords="53, 498, 195, 507">
		<area href="webseitenprojekte.htm" shape="rect" coords="56, 524, 158, 532">
		</map>
		<img border="0" src="images/design.jpg" width="467" height="567" usemap="#FPMap1"></td>
	</tr>
</table>

</div>


<object type="application/x-shockwave-flash" data="emff_standard.swf" width="110" height="34" id="player">
 <param name="movie" value="emff_standard.swf">
 <param name="bgcolor" value="#2c2c2c">
 <param name="FlashVars" value="src=cc_cut.mp3&amp;autoload=yes&amp;autostart=yes&amp;repeat=yes&amp;shortcuts=yes">
</object>




</body>

</html>

paracelsus · #13 (**permalink**) 06.06.2008, 18:53

Nun haben wir mal alleInformationen, die man braucht um zu helfen.
Das Bild ist - schau mal genau - breiter, als die Breite von Inhalt.
Logisch, das man das Backgroundbild nicht sehen kann.

Sorry, aber gib das Bild nun doch dem body als Hintergrund:

Code:

background:#000 url( das_bildchen) no-repeat center;

Dann bleibt Dein Hintergrundbild immer in der Mitte des Viewports, egal wie groß das Browserfenster ist. Du musst nun dafür sorgen, das #Inhalt ebenso dort bleibt.

Bastianlo · #14 (**permalink**) 07.06.2008, 17:39

danke für die hilfe.... jetz klappt es FAST..... das bild ist um 1mm nach links verschoben

im IE 7 taucht zusätzlich noch eine Zeile über dem EMFF-Player auf die da nicht hinsoll

(lässt sich das nur mit nem comment via stylesheet lösen ?)
achja ich lad auch noch das neue hintergrundbild.... das ist an den seiten länger....

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de">
<head>
<title>Willkommen bei Dejavu Concepts</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style type="text/css">

body
{
	background-color: #000;
	text-align: center;
	margin: 0 auto;
	background:#000 url('images/background_groß.jpg') no-repeat center;
}
#inhalt
{ 
	text-align: center;
	margin: 0 auto;
	background-color: #fff;
	width: 467px;
	height: 792px;
	
}
#player
{
	text-align: center
	background-color: #000
	
}
	
</style>

</head>


<body>





<div id="inhalt">
<table cellpadding="0" cellspacing="0" width="467" border="0" margin="auto">
	<!-- MSCellFormattingTableID="1" -->
	<tr>
		<td width="467" height="225">
		<!-- MSCellFormattingType="content" -->
		<map name="FPMap0">
		<area href="erste.htm" shape="rect" coords="8, 204, 98, 222">
		<area href="design.htm" shape="rect" coords="98, 206, 189, 221">
		<area href="leistung.htm" shape="rect" coords="188, 205, 276, 221">
		<area href="aboutus.htm" shape="rect" coords="278, 205, 372, 222">
		<area href="contact.htm" shape="rect" coords="373, 205, 457, 222">
		</map>
		<img border="0" src="images/header.jpg" width="467" height="225" usemap="#FPMap0"></td>
	</tr>
</table>
<table cellpadding="0" cellspacing="0" width="467" border="0" margin="auto">
	<!-- MSCellFormattingTableID="2" -->
	<tr>
		<td width="467" height="567">
		<!-- MSCellFormattingType="content" -->
		<div style="position: absolute; width: 100px; height: 313px; z-index: 1; left: 669px; top: 398px" id="inhalt">
			<img border="0" src="images/flyerleiste.jpg" width="175" height="386"></div>
		<p><map name="FPMap1">
		<area coords="56, 451, 174, 460" shape="rect" href="eventplakate.htm">
		<area href="logos.htm" shape="rect" coords="56, 475, 150, 485">
		<area href="onlinemagazine.htm" shape="rect" coords="53, 498, 195, 507">
		<area href="webseitenprojekte.htm" shape="rect" coords="56, 524, 158, 532">
		</map>
		<img border="0" src="images/design.jpg" width="467" height="567" usemap="#FPMap1"></td>
	</tr>
</table>

</div>


<object type="application/x-shockwave-flash" data="emff_standard.swf" width="110" height="34" id="player">
 <param name="movie" value="emff_standard.swf">
 <param name="bgcolor" value="#000">
 <param name="FlashVars" value="src=cc_cut.mp3&amp;autoload=yes&amp;autostart=yes&amp;repeat=yes&amp;shortcuts=yes">
</object>




</body>

</html>

Bastianlo · #15 (**permalink**) 09.06.2008, 00:41

kann mir keiner helfen ?

paracelsus · #16 (**permalink**) 09.06.2008, 15:09

Ich kann das nicht ganz nachvollziehen.
Am liebsten hätte ich ein Online Beispiel, das ich mit Firebug chsecken könnte, so komme ich nicht drauf, tut leid.

Bastianlo · #17 (**permalink**) 09.06.2008, 15:16

gut ich werde mich auf die suche machen...... ich poste es und werde mich per PM melden sobald ich was gefunden hab.... danke trotzdem....

vll hat ja auch jmd anderes ne idee....?!

Ä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
Footer left und right Probleme...	wolf1985	CSS	2	14.08.2008 13:04
Mozilla zeigt DIV zu oft an	cracki	CSS	6	09.03.2008 15:22