Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag15.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
Beitrag15.08.2010 um 17:30 (UTC)    
Titel:

Moin,

ich habe deinen Fehler gefunden, der Hintergrund hat die größe

Zitat:
1024x640


die ist aber falsch

Ich habe dienen Hintergrund mal vergrößert auf

Zitat:
1680x1050


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 Smile
Beitrag15.08.2010 um 18:50 (UTC)    
Titel:

Dankesehr!
meinBlöder Webspace hat's automatisch verkleinert Wink
Danke nochmals!!
Beitrag17.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?
Beitrag20.08.2010 um 13:15 (UTC)    
Titel: Noch'n problem

keiner ne Idee?
Beitrag20.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
Beitrag21.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?
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de