Autor
Nachricht
fafracingteam
15.08.2010 um 14:56 (UTC) Titel: Brauche Hilfe bei CSS- Hintergrund
Hallo,
Ich wollte meiner Homepage
www.fafracingteam.de.tl einen hintergrund verpassen. Leider sieht das ganze jetzt folgendermaßen aus:
LINK
Das bild hat eine größe von 1680x1050, trotzdem wird nicht der ganze Bildschirm ausgefüllt....
Was ist hier falchs gelaufen??
Code: -->
</style>
<div id="Beispiel_2">
<style type="text/css">
<!--
#Beispiel_2 {
position: absolute;
top: 30px;
left: 50%;
margin-left: -470px;
width: 728px;
z-index:3; }
/* Frame mit Schatten + gerundete Ecken */
iframe{
border: 1px solid #640000;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6p
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#640000',Positive='true');
moz-box-shadow: 4px 4px 6px #000000, 4px 4px 6px #45555D; }
/* Nullformatierung für alle Browser */
*{ margin:0px; padding:0px; }
/* Hintergrund hinter Design */
body {
background-color:#FFFFFF;
background-image:url(http://i587.photobucket.com/albums/ss315/DrKlaus_Hieronymus/GroerHintergrund.jpg);
background-repeat:repeat-x; }
/* Container mit Schatten + gerundete Ecken */
#container {
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
width: 980px;
overflow: hidden;
background-color: #FFFFFF;
background-image:url();
background-repeat: repeat-x;
border: 1px solid #640000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color='#640000', Positive='true');
-moz-box-shadow: 4px 4px 6px #000000, 4px 4px 6px #640000;
z-index:1; }
/* Header-Feld entfernt mit */
#header_container {
display: none; }
-->
</style>
<div id="Beispiel_2">
<style type="text/css">
<!--
#Beispiel_2 {
position: absolute;
top: 30px;
left: 50%;
margin-left: -470px;
width: 728px;
z-index:3; }
/* Frame mit Schatten + gerundete Ecken */
iframe{
border: 1px solid #640000;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6p
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#640000',Positive='true');
moz-box-shadow: 4px 4px 6px #000000, 4px 4px 6px #45555D; }
/* Nullformatierung für alle Browser */
*{ margin:0px; padding:0px; }
/* Hintergrund hinter Design */
body {
background-color:#FFFFFF;
background-image:url(http://i587.photobucket.com/albums/ss315/DrKlaus_Hieronymus/GroerHintergrund.jpg);
background-repeat:repeat-x; }
/* Container mit Schatten + gerundete Ecken */
#container {
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
width: 980px;
overflow: hidden;
background-color: #FFFFFF;
background-image:url();
background-repeat: repeat-x;
border: 1px solid #640000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=4, OffY=4, Color='#640000', Positive='true');
-moz-box-shadow: 4px 4px 6px #000000, 4px 4px 6px #640000;
z-index:1; }
/* Header-Feld entfernt mit */
#header_container {
display: none; }
/* Feld der Navigation */
#nav_container {
float:left;
margin-left:22px;
margin-top:125px;
margin-right:10px;
margin-bottom: 20px;
width:120px;
border: 0px solid #c9c9c9; }
li.nav_element {
list-style-type: none;
margin-bottom: 7px; }
/* Navi-Button mit Schatten + gerundete Ecken */
li.nav_element a {
display: block;
padding-left:6px;
padding-top:2px;
padding-bottom:2px;
color: #E6E6E6;
font-size:12px;
font-family:arial;
text-align:left;
text-decoration: none;
background-color:#000000;
border: 1px solid #640000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#343434',Positive='true');
-moz-box-shadow: 2px 2px 4px #343434, 2px 2px 4px #640000; }
/* Hover Button */
li.nav_element a:hover {
color: #FFFFFF;
background-color: # 99B2FF; }
/* gerade besuchte Seite */
li.checked_menu a {
color: #000000;
background-color: #FFFFFF; }
/* Textfeld mit Schatten + gerundete Ecken */
#content {
float:left;
margin-top:125px;
margin-right: 20px;
margin-bottom: 20px;
width:555px;
min-height:200px;
color:#000000;
font-size:13px;
font-family:arial;
text-align:left;
background-color:#FFFFFF;
background-image:url();
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
border: 1px solid #640000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#640000', Positive='true');
-moz-box-shadow: 2px 2px 4px #343434, 2px 2px 4px #640000; }
/* Linkfarbe und Linkgröße im Textfeld */
#content a {
color: #000080;
font-size: 13px;
font-family: arial;
text-decoration: none;}
/* rechte Box mit Schatten + gerundete Ecken */
#sidebar_container {
float: right;
margin-top: 18px;
margin-right: 20px;
margin-bottom: 20px;
width: 170px;
min-height: 375px;
padding: 5px;
color: #000000;
font-size:13px;
font-family: arial;
text-align: center;
background-color: #FFFFFF ;
border:1px solid #640000;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#640000', Positive='true');
-moz-box-shadow: 2px 2px 4px #000000, 2px 2px 4px #640000; }
/* Linkfarbe + Linkgröße in Box */
#sidebar_container a {
color: #000080;
font-size: 13px;
font-family: arial;
text-decoration: none;}
/* Streifen unter dem Design */
#unten {
margin: auto;
width: 960px;
color: #FFFFFF;
font-size:14px;
font-family: arial;
padding: 10px;
text-align: center;
margin-bottom: 50px;
background-color: #000000;
border: 1px solid #640000;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#640000', Positive='true');
-moz-box-shadow: 4px 4px 6px #000000, 4px 4px 6px #640000; }
/* Alle Bilder mit + Schatten + abgerundete Ecken */
img {
margin-left: 5px;
margin-right: 5px;
border: 1px solid #343434;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#343434', Positive='true');
-moz-box-shadow: 3px 3px 4px #000000, 3px 3px 4px #343434; }
/* unnötige DIVs aus dem Design entfernt */
#pre_content {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#post_content {display: none;}
#below_content{display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
div.header {display: none;}
#counter {display: none;}
h1#header {display: none;}
h2#title span {display: none;}
#sidebar_heading {display: none;}
#nav_heading {display: none;}
Gruß Eric
↑
samnowi
15.08.2010 um 17:30 (UTC) Titel:
Moin,
ich habe deinen Fehler gefunden, der Hintergrund hat die größe
die ist aber falsch
Ich habe dienen Hintergrund mal vergrößert auf
http://img.webme.com/pic/s/samnowi/groerhintergrund.jpg
Wenn du den Hintergrund neu hochgeladen hast, dann sag mir bescheid, das ich den aus meine Bilder löschen kann
MFG
______________
Lala Dum Dum - euch grüßt Sam
↑
fafracingteam
15.08.2010 um 18:50 (UTC) Titel:
Dankesehr!
meinBlöder Webspace hat's automatisch verkleinert
Danke nochmals!!
↑
fafracingteam
17.08.2010 um 14:08 (UTC) Titel:
Gibt leider noch ein Problem...
ich möchte gerne auf bestimmten seiten verschiedene Hintergründe für mein großes Feld in der Mitte.
Ist das möglich?
↑
fafracingteam
20.08.2010 um 13:15 (UTC) Titel: Noch'n problem
keiner ne Idee?
↑
der-bielefeld-club
Premium
Support-Team
Wohnort: Bielefeld
20.08.2010 um 16:37 (UTC) Titel:
Du könntest einen Java Script verwenden,
der verschiedene Grafiken bei verschiedenen Auflösungen verwendet.
Sag mir einfach, ab welcher Pixelbreite ein anderes Bild angezeigtw erden soll.
zum Beispiel:
Zitat: < 600px = Bild1
< 800px = Bild2
<1000px = Bild3
...
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:
Iceblue Generator |
Red Generator |
Butterfly Generator Zuletzt bearbeitet von der-bielefeld-club am 20.08.2010, 17:37, insgesamt einmal bearbeitet
↑
fafracingteam
21.08.2010 um 09:03 (UTC) Titel:
Sorry, ich glaube du hast mich missverstanden.
auf meiner HP
www.fafracingteam.de.tl ist doch ein weißes Feld, in dem sich die Navigation, der Login und das eigentliche Textfeld befindet.
Da, in den gesamten weißen Bereich, soll ein Hintergrundbild.
Und zwar auf jedeSeite ein anderes.
Ist das möglich?
↑