2 verschiedene bgs mit css links & rechts oben positionieren

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

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  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.
     
  3. 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. 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. 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. 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. 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. 13. Januar 2007
    AW: 2 verschiedene bgs mit css links & rechts oben positionieren

    okay. danke für deine bemühungen
    bw kriegste
     
  9. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.