2 verschiedene bgs mit css links & rechts oben positionieren

Dieses Thema im Forum "Webdesign" wurde erstellt von playmate, 10. Januar 2007 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #1 10. Januar 2007
    Hallo Kollegen.

    Zur Zeit frickel ich an einer Webseite für einen Freund herum. Auf der Webseite gibts eine horizontal zentrierte #Content-Box. Links und rechts daneben sollen zwei Hintergrundbilder, die, sofern das Fenster verkleinert wird, im jeweiligen "Seitenaus" verschwinden, ohne dem Client eine Scrollbar aufzuzwingen.
    Bisher habe ichs versucht mit einem position:absolute DIV mit BG-Image: Leider verschwindet die Contentbox trotz richtigem z-index immer hinter diesem Bild. Was läuft hier schief?

    Ich werde es als nächstes versuchen das BG-Bild in einen margin zu setzen. Allerdings ist mir schleierhaft wie ich dann die Scrollbar unterdrücken kann. Daher komme ich zu euch *g*

    Wie positioniere ich die Hintergrundbilder, damit sie obengenannten Anforderungen genügen?

    Brauchbare Antworten werden belohnt. Wo ich CSS nachgucken kann weiss ich selbst.

    Meine Systemdaten: WinXP, Firefox2.
     

  2. Anzeige
    Dealz: stark reduzierte Angebote finden.
  3. #2 12. Januar 2007
    AW: 2 verschiedene bgs mit css links & rechts oben positionieren

    Naja bin mir jetzt nicht so sicher, aber wenn du die Scrollbalken unterdrücken willst musste das ganz oben in deiner Seite einfügen/ändern ( falls es bei dir noch eine ältere HTML Version ist ) :

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html xmlns="http://www.w3.org/1999/xhtml">
    und dann zum entfernen der Scrollbalken :

    Code:
    body { overflow:hidden; }
    
    Peace
     
  4. #3 12. Januar 2007
    AW: 2 verschiedene bgs mit css links & rechts oben positionieren

    Netter Ansatz, aber wenn ich body overflow:hidden setze, kann auch alles verschwinden. Ich will das auf die Bilder begrenzen. Ist echt ne harte Nuss, ohne tables. :)
     
  5. #4 12. Januar 2007
    AW: 2 verschiedene bgs mit css links & rechts oben positionieren

    Poste am besten mal den Code, vielleicht ist es dann leichter zu verstehn :)!
    Achja du kannst doch die Bilder einfach in eine Tabelle ( oder via iframe/object ) machen und nur für die Tabelle, die Scrollbalken deaktivieren oder?

    Peace
     
  6. #5 12. Januar 2007
    AW: 2 verschiedene bgs mit css links & rechts oben positionieren

    Okidoki

    seite.html
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    
    <head>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <title>webseite</title>
    <style type="text/css" media="screen">
    @import "style.css";
    </style>
    </head>
    
    <body>
    [I]<div id="Content">
    
     <ul id="Navigation">
     <li>link1</li>
     </ul> 
    
     Text
    </div>[/I]
    
    </body>
    </html>
    Links und rechts neben id="Content" sollen zwei verschiedene BG's die im Off verschwinden. Content ist horizontal zentriert.

    style.css
    Code:
    body {
     margin:50px 0px; padding:0px;
     text-align:center;
     font:11px verdana, arial, helvetica, sans-serif;
     color:#FFF;
     background-color:black;
     }
     
    #Content {
     width:820px;
     margin:0px auto; /* Right and left margin widths set to "auto" */
     text-align:left; /* Counteract to IE5/Win Hack */
     padding:0px;
    /* border:1px dashed #333;*/
     }
    
     
  7. #6 12. Januar 2007
    AW: 2 verschiedene bgs mit css links & rechts oben positionieren

    Warum machst du das ganze nicht mit Tabellen und lässt dann die Seite auf die mittlere ( den Content ) springen? Anders weiß ich auch nichts :/

    Peace
     
  8. #7 13. Januar 2007
    AW: 2 verschiedene bgs mit css links & rechts oben positionieren

    okay. danke für deine bemühungen :)
    bw kriegste
     

  9. Videos zum Thema
Die Seite wird geladen...
Similar Threads - verschiedene bgs css
  1. Antworten:
    0
    Aufrufe:
    1.600
  2. Antworten:
    1
    Aufrufe:
    462
  3. Antworten:
    1
    Aufrufe:
    1.272
  4. Antworten:
    8
    Aufrufe:
    2.066
  5. Antworten:
    3
    Aufrufe:
    1.535