mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 19.04.2024 16:10 Benutzername: Passwort: Auto-Login

Thema: CSS: Schattierung links un Rechts der Website - kl. Problem vom 20.07.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS: Schattierung links un Rechts der Website - kl. Problem
Autor Nachricht
BasicSix
Threadersteller

Dabei seit: 28.04.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 20.07.2007 18:07
Titel

CSS: Schattierung links un Rechts der Website - kl. Problem

 Antworten mit Zitat Zum Seitenanfang
Hallo,

ich möchte ein zentriertes Design wo um den Content-Bereich eine Schattierung liegt. Und zwar nur links und rechts. Soweit so gut. Ich habe schon den groben Aufbau. Das Problem ist das ich nicht weis wie ich den linken und rechten Container zum mitlaufen bringe wenn der Content-Bereich so groß ist das gescrollt werden muss.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/1999/PR-xhtml1-19991210/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
   HTML, BODY {
      height:100%;
   }
   BODY {
      margin:0;
      padding:0;
      text-align:center;
   }
   DIV#container {
      position:relative;
      margin:0 auto;
      height:100%;
      width:604px;
   }
   DIV#col1, DIV#col2, DIV#col3 {
      position:relative;
      min-height: 100%;
      float: left;
   }
   DIV#col1 {
background:green;
width:6px;
   }
   DIV#col2 {
background:red;
width:592px;
   }
   DIV#col3 {
background:purple;
width:6px;
   }
</style>
<!--[if lte IE 6]>
   <style type="text/css">
   DIV#col1, DIV#col2, DIV#col3 {
      height:100%;
   }
   </style>
<![endif]-->
</head>

<body>
<div id="container">
   <div id="col1">
      r
   </div>
   <div id="col2">
g<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><b

r><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><

br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

   </div>
   <div id="col3">
      r
   </div>
</div>
</body>
</html>
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 20.07.2007 18:18
Titel

Antworten mit Zitat Zum Seitenanfang
Du nutzt einfach nur eine Hintergrundgrafik anstatt zwei und weist diesem dem Body zu.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Sunlifestyle

Dabei seit: 20.12.2005
Ort: Hoyerswerda bei Dresden
Alter: -
Geschlecht: Männlich
Verfasst So 22.07.2007 20:09
Titel

Antworten mit Zitat Zum Seitenanfang
m hat geschrieben:
Du nutzt einfach nur eine Hintergrundgrafik anstatt zwei und weist diesem dem Body zu.


genau...aber setze es oben in die mitte und knalle ein repeat rein...dann haut alles hin egal bei welcher auflösung;)
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Float-Problem in <li> mit a href (links) und Text (rechts)
Problem mit Website-Links
Rechts Links td background=
div von links nach rechts ? HILFE
HTML & CSS: Unternavigation mit Pfeil links und rechts
Background wiederholen nach links und rechts
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB