• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Wie kann man ein Design "dehnen"

Status
Für weitere Antworten geschlossen.
R

reDD

Neues Mitglied
Wie bekommt man es hin, dass sich ein Design nach unten zieht, wenn der Text größer ist?

Ich habe immer darauf tendiert, dass man einen Oberen Bereich macht, der sich nicht wiederholt, dann einen mittleren, der sich wiederholt und einen unteren, der sich nicht wiederholt.

Geht das so?
 
Solange du keine festen Höhen für den mittleren Bereich verwendest sollte dieser sich auch dynamisch nach unten erweitern wenn mehr Inhalte vorhanden sind.
 
div# ist ein Div, der auf eine ID basiert.
Machst du nur #name dann werden alle Elemente davon abhängig, die die ID haben.

Info: Du kannst laut W3 Validator ID nur einem Tag den Attribut id="" geben, aber Klassen (class="") kannst du beliebig vielen geben.


MfG, matibaski
 
Also kann es z.B so gehen:
Code: 
.navi1  {
background-image:url(kksdkasd.png);
background-repeat:no;
          }
.navi2  {
background-image:url(kksdkasd.png);
background-repeat:repeat-y;
          }
.navi3  {
background-image:url(kksdkasd.png);
background-repeat:no;
          }


Und so im HTML Dokument:
Code: 
<div class="navi1 navi2 navi3">
</div>
Richtig, oder?
 
Hä?

Lege eine Klasse fest, und die wird dem Div dann zugewiesen, so was wie du da hast gibt es nicht.
 
Nein.
Du kannst einem Tag nur einmal das Attribut id und einmal das attribut class geben, und nur eine Klasse/ID, und nicht 3.

Und ich weiss gar nicht, wieso du einem Container 3 Hintergrundbilder geben möchtest.

PS: es heist nicht bei background-repeat: no, sondern no-repeat.



MfG, matibaski
 
Ja, dass sich der mittlere Teil wiederholt, muss der Container aus 3 Bilder bestehen ;)

Also mit den divs muss ich dann
<div class="navi1"></div>
<div class="navi2">
Hier soll auch der INhalt rein, der sich wiederholt
</div>
<div class="navi3">
</div>
 
Okay, danke, damit habe ich mal wieder ein Problem weniger bei CSS =).
Werde mich mal ran machen, mein Buch zu lesen.
 
Wie wäre es mit background-repeat:repeat-x; ??

So wird es in die x-Achsenrichtung wiederholt.
Du kannst noch y nehmen.


MfG, matibaski
 
HTML: 
body{
background-color:black;
font-family:verdana;
    }
.navi {
background-color:silver;
border:dotted;
float:left;
margin-left:15px;
margin-top:15px;
width:200px;
height:500px;
      }
#textbereich {
float:right;
margin-right:100px;
margin-left:10px;
height:700px;
border:dotted;
width:500px;
margin-left:20px;
background-color:silver;
             }
.navi2 {
clear:both;
background-color:silver;
margin-top:20px;
margin-left:15px;
width:200px;
height:200px;
border:dotted;
       }

#copy {
clear:right;
font-family:verdana;
width:700px;                               
height:50px;
background-color:silver; 
      }
Eigentlich sollte es eine Navi 
darunter noch ne navi für werbung, rechts neben den navis ein content bereich, zum artikel verfassen
und ganz unten ein copyright vermerk.

irgendwie wird das content fenster nicht rechts neben den navis angezeigt.

edit: hier der rest code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <link rel="stylesheet" href="Neu2.css" type="text/css" />
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  </head>
  <body>
  <div class="navi">
  Hier entsteht die Seiten Navigation.
  </div>
  <div id="textbereich">
  Hier ist Platz für Text
  </div>
  <div class="navi2">
  Werbung
  </div>
  
  <div id="copy">
  Copyright by  
  </div>

  </body>
</html>

sagt mal bitte
normal geht es doch immer so schnell
 
Zuletzt bearbeitet von einem Moderator:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben