ilch Forum » Ilch Clan 1.1 » Design und Templates » Design Content Auto-Länge

Geschlossen
  1. Mo. 15.08.2011 18:02 Uhr #1
    User Pic
    Ripper_L Mitglied
    Registriert seit
    24.02.2009
    Beiträge
    417
    Beitragswertungen
    11 Beitragspunkte
    Hallo, liebe ilch-Community...
    Ich hätte da mal eine Frage...
    Bin nämlich gerade dabei, ein Design zu basteln für unseren Clan und wollte mal erklärt kriegen, wie ich das denn machen kann, dass die Länge vom Design automatisch abhängig vom Content ist...
    d.h., dass im Forum zB das Design verlängert wird, weil mehr Posts auf einer Seite sind....
    Schonmal im Voraus, Danka an alle Helfenden!
    Gruß,

    Ripper_L

    betroffene Homepage: dr-c.bplaced.net
    0 Mitglieder finden den Beitrag gut.
  2. Mo. 15.08.2011 18:06 Uhr #2
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.680
    Beitragswertungen
    1217 Beitragspunkte
    Grafiken mit background-repeat: repeat-y; oder was meinst du genau!
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  3. Mo. 15.08.2011 18:08 Uhr #3
    User Pic
    Ripper_L Mitglied
    Registriert seit
    24.02.2009
    Beiträge
    417
    Beitragswertungen
    11 Beitragspunkte
    Ich mein, dass sowas nicht passieren soll:

    dr-c.bplaced.net/index.php?forum-showposts-440

    /edit: Das Logo unten hat Akinci in seiner Signatur. Der Inhalt ist also länger als das Design grumml


    Zuletzt modifiziert von Ripper_L am 15.08.2011 - 18:09:40
    0 Mitglieder finden den Beitrag gut.
  4. Mo. 15.08.2011 18:12 Uhr #4
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.680
    Beitragswertungen
    1217 Beitragspunkte
    Ja dann im Rahmen von Containern die Hintergrundgrafiken usw. mit vertikaler Wiederholung setzen! SelfHtml Background-Repeat
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  5. Mo. 15.08.2011 18:31 Uhr #5
    User Pic
    Ripper_L Mitglied
    Registriert seit
    24.02.2009
    Beiträge
    417
    Beitragswertungen
    11 Beitragspunkte
    //edit: Ok, funktioniert jetzt soweit, kann ich auch erst eine Grafik als Hintergrund setzen und wenn die Länge dieser Grafik überschritten wird, soll eine andere angehängt werden?
    Und wie kann ich eine mindest-Länge setzen? bzw. den Boxes-Bereich vom Content-Bereich abhängig machen?


    Zuletzt modifiziert von Ripper_L am 15.08.2011 - 18:47:14
    0 Mitglieder finden den Beitrag gut.
  6. Mo. 15.08.2011 18:59 Uhr #6
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.680
    Beitragswertungen
    1217 Beitragspunkte
    Ist mit JS wahrscheinlich möglich aber nicht sinnvoll! Ein intelligenter Aufbau der Containter ist eher ratsam.

    Es ist von der Art des Designes abhängig wie man dieses gestaltet, so kann man bei festen Designen mit overflow arbeiten oder bei dynamischen Designen mit verschachtelten Divs, wobei bestimmte einen repeat-y Background haben.
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  7. Mo. 15.08.2011 19:01 Uhr #7
    User Pic
    Ripper_L Mitglied
    Registriert seit
    24.02.2009
    Beiträge
    417
    Beitragswertungen
    11 Beitragspunkte
    wie krieg ich's dann hin, dass mit repeat-y sowohl die bg-grafik bei den boxen, als auch die beim content auf einer Höhe aufhören und danach noch der Footer dranhängt?
    0 Mitglieder finden den Beitrag gut.
  8. Mo. 15.08.2011 19:25 Uhr #8
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.680
    Beitragswertungen
    1217 Beitragspunkte
    Zeig mal dein Plan bzw. was Du wie gestalten willst!
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  9. Mo. 15.08.2011 20:05 Uhr #9
    User Pic
    Ripper_L Mitglied
    Registriert seit
    24.02.2009
    Beiträge
    417
    Beitragswertungen
    11 Beitragspunkte
    Ich hab dir mal ein Schema gezeichnet zwinker

    gesperrtes Bild

    Der Seiten-Inhalt und der Boxen-Bereich sollen sich von der Höhe her automatisch anpassen, d.h. dynamisch sein....
    Ist auch der Fall momentan, allerdings schließen sie nicht gemeinsam am Footer ab, was die zweite Bedingung wäre...
    Hoffe, du kannst mir so weiterhelfen lächeln
    Gruß,

    Ripper_L
    0 Mitglieder finden den Beitrag gut.
  10. Mo. 15.08.2011 23:27 Uhr #10
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.680
    Beitragswertungen
    1217 Beitragspunkte
    Tabellenlayout oder Container?
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  11. Di. 16.08.2011 00:02 Uhr #11
    User Pic
    Ripper_L Mitglied
    Registriert seit
    24.02.2009
    Beiträge
    417
    Beitragswertungen
    11 Beitragspunkte
    Also bisher hab ichs komplett über CSS gemacht, bis auf die hover buttons.. Die sind mit onmouseover gemacht zwinker
    0 Mitglieder finden den Beitrag gut.
  12. Di. 16.08.2011 00:19 Uhr #12
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.680
    Beitragswertungen
    1217 Beitragspunkte
    So habe es Dir mal an einem Beispiel gebastelt, das wichtige für die ist eigentlich hier #content hier müsste das Hintergrundbild rein was sich vertical wiederholen soll! 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<style type="text/css">
body {
  font: 12px Verdana, Arial, Helvetica, sans-serif;
}
* {
  margin:0;
  padding:0;
}
#seite {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}
#header {
  padding: 0px;
  background-color: blue;
  height: 100px;
  text-align: center;
}
#content {
  padding: 0px;
  background-color: lightgreen;
  text-align: center;
}
#tsviewer {
   position: absolute;   
   height: 200px; 
   width: 200px;    
   left: 250px;
   top: 0px; 
   background-color:maroon;
   text-align: center;  
} 
#sponsoren {
  background-color: gray;
  margin-left: 250px;
  height: 50px;
  text-align: center;
}
#newsslider {
  background-color: violet;
  margin-left: 250px;
  height: 50px;
  text-align: center;
}
#boxen {
  float: left;
  width: 250px;
  padding: 0px;
  text-align: center;
}
#inhalt {
  background-color: darkgreen;
  margin-left: 250px;
  padding: 0px;
  text-align: center;
}
#footer {
  background-color: yellow;
  height:50px;
  text-align: center;
}
-->
</style>

</head>
<body>
<div id="seite">
  <!-- Header -->
  <div id="header">Header</div>
  <!-- Content -->
  <div id="content">
    <div id="boxen">Boxen</div>
    <div id="sponsoren">Sponsoren</div>
    <div id="newsslider">Newsslider</div>
    <div id="tsviewer">TSViewer</div>
    <div id="inhalt">Seiteninhalt<br/>Seiteninhalt<br/>Seiteninhalt<br/>Seiteninhalt<br/>Seiteninhalt<br/>Seiteninhalt<br/>Seiteninhalt<br/></div>
  </div>
  <!-- Footer -->
  <div id="footer">Footer</div>
</div>
</body>
</html>
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  13. Di. 16.08.2011 11:38 Uhr #13
    User Pic
    Ripper_L Mitglied
    Registriert seit
    24.02.2009
    Beiträge
    417
    Beitragswertungen
    11 Beitragspunkte
    hmm... ich hab das ganz anders gemacht lachen
    hab nämlich den TS-Viewer mit z-index einfach drübergelegt zwinker
    mannoman, mein script ist viel komplizierter aufgebaut traurig
    willst du's dir mal ansehn? o.o
    0 Mitglieder finden den Beitrag gut.
  14. Di. 16.08.2011 12:04 Uhr #14
    User Pic
    MaddinXx Mitglied
    Registriert seit
    15.02.2007
    Beiträge
    787
    Beitragswertungen
    40 Beitragspunkte
    Hi Ripper_L

    Also ich würde dir vorschlagen den Code vom Lord zu nehmen, sauberer kriegst du das nicht hin.

    Wenn du's den wirklich anders lösen willst, mach es mit JS wie folgt: css-tricks.com/8401-equal-height-blocks-in-rows/
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten