Flexibles Container in CSS!?

Dieses Thema im Forum "Webentwicklung" wurde erstellt von 3X3X3X3, 19. Februar 2008 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 19. Februar 2008
    Hi liebe RR'ler..
    ich habe mir nun eine Seite gemacht.. sie beinhaltet mehrere Container..
    ich hab nun ein Main Container der mir die Texte ausgeben soll..
    leider sind diese Texte aber sehr lange und gehen über den Container hinüber! Ich bräuchte jetzt eine hilfe wie ich mir einen flexiblen Container erstellen kann damit sich der container meinen text anpasst!!!

    PHP:
    ...  css - Datei ...
    #main
        
    {
            
    margin 90px 10px 10px 10px ;
            
    height 100 %; 
            
    background - color aqua ;
        }
    ...
    PHP:
    ... php - Datei ...
    <
    div id = "main" >
            <
    iframe src = "home.php"  width = "100%"  height = "100%"  scrolling = "yes"  frameborder = "0"  name = "middle" ></ iframe >
    </
    div >
    ...
    Für ne Hilfe gibts ne BW!


    MfG 3x3x3x3
     
  2. 19. Februar 2008
    AW: Flexibles Container in CSS!?

    mit nem iframe wirst wohl auf javascript zurückgreifen müssen. ohne hingegegen würde reichen dem div keine feste breite zu geben.
     
  3. 19. Februar 2008
    AW: Flexibles Container in CSS!?

    Ich hab vor kurzem eine Seite aufgetan, die ich eigentlich ganz passend für css-Layouts finde:
    Templates &raquo; CSS INTENSIVSTATION

    Aber wieso denn unbedingt einen iFrame? Wegen dem Scrollleisten? Das kann man aber auch mit fixen divs für Menu z.B. hinbekommen.
     
  4. 19. Februar 2008
    AW: Flexibles Container in CSS!?

    es muss kein iframe sein, aber ich brauch irgentwo ein target fenster wo meine <a href>'s sich öffnen können..
    das ganze ohne scrollbar wäre mir ja lieber darum suche ich es ja das die seite sich dann noch unten zieh ^^
     
  5. 19. Februar 2008
    AW: Flexibles Container in CSS!?

    schau dir mal scrollWidth und scrollHeight an, evt kannst du das fenster dann mit js immer auf volle breite und höhe ziehen lassen. (ich hab atm grad ned richtig hinbekommen, hab aber auch grad ned richtig lust)
     
  6. 19. Februar 2008
    AW: Flexibles Container in CSS!?

    & wenn du einfach auf jeder Seite klassischerweise ein Header & Footer festlegst?!
    Auf der oben angegebenen Seite gibt's ja einige dynamische Layouts ...
     
  7. 19. Februar 2008
    AW: Flexibles Container in CSS!?

    ja ich werds mir jetzt mal ansehen!
    aber das problem ist auch wenn ich keine height werte eingebe geht es eine ein stück runter und dann läuft der text hinter den anderen divs weiter...
    komisch irgentwie !
     
  8. 19. Februar 2008
    AW: Flexibles Container in CSS!?

    nimm halt einfach: overflow: auto;
    Das macht das "gleiche" wie nen iframe, also erstellt solchne scroll-leisten.
    overlfow-x bzw. -y kannst du auch nur nach links oder rechts scrollen lassen.
    mit overflow:hidden; wird der text der länger is einfach abgeschnitten und ausgeblendet.

    und wieso schllägt man nen iframe vor?
    Sorry, aber an nen frame sollte man gar nie nicht denken^^

    gruß
    gl
     
  9. 19. Februar 2008
    AW: Flexibles Container in CSS!?

    weil er, wie er sagt, das target der links an dieses lenkt. was aber auch ned die beste lösung ist^^
     
  10. 19. Februar 2008
    AW: Flexibles Container in CSS!?

    hm, aber wenn ich schon mit css arbeite, sollte ich es doch auch gleich sinnvoll nutzen^^

    also @3X: mach bitte den iframe weg und alles in css, mit den befehlen in meim vorigen post. Das "target" kannst du mittels switch in php nach"ahmen".

    gruß
    gl
     
  11. 20. Februar 2008
    AW: Flexibles Container in CSS!?

    aber wie macht man das normalerweise mit den links?
    also ich bin jetzt von html tabellen/iframes auf css umgestiegen!
    aber jetzt ist es mir rätselhaft wie ich denn den link dann in den MAIN Fenster praktisch öffnen kann? soll ich dafür komplett neue seiten erstellen?
    das bin ich aber eigentlich nicht so gewohnt?
     
  12. 20. Februar 2008
    AW: Flexibles Container in CSS!?

    Meiner Meinung nach ist die beste Methode mit footer & header zuarbeiten, diese dann includen, wenn dir sowieso php zur Verfügung steht, ALSO:
    Den bereits definierten Kopf inkl. css Angaben etc. in eine extra Datei header.php & dann den Schluss, also wo die tags der Tabellen, body, html zugehen auch in ne neue Datei & diese dann einfach vor den Inhalt, der eigentlichen Dateien als include(footer bzw. header.php) stellen.
    Wenn du dann am Design was änderst, reicht es diese eine bzw. zwei Dateien zu bearbeiten ...

    Oder eben die bereits erwähnte switch Geschichte, da finde ich es nur etwas umständlich mit den ganzen cases & ma verliert dann doch bei mehreren Seiten den Überblick, wie ich finde.
     
  13. 20. Februar 2008
    AW: Flexibles Container in CSS!?

    ja okay dann muss ich mich da nochmal umschauen..
    aber da wird wohl die iframe geschichte mit dem target am leichtesten sein..
     
  14. 20. Februar 2008
    AW: Flexibles Container in CSS!?

    naja, is aber eher suboptimal die lösung.

    So kompliziert is das nicht:

    links werden so sein: "index.php?page=news" "index.php?page=pics" etc...

    und dann da wo der i frame war. Is jetzt nen div, also z.b.:
    Code:
     <div class="content"></div>
    und dann zwischen die beiden divs kommt folgender code: (kannst auch in ne externe datei tun und dann includen...)
    PHP:
    <? php
        $page 
    $_GET [ 'page' ];   //  erhält das was hinter "page=" steht.
        
    switch ( $page ) {

        case 
    news // Falls "news"
        
    include( 'html/news.htm' );  // soll er die datei news.htm einfügen, die im ordern html is
        
    break;  // Pause
        
        
    case  pics // Falls "pics"
        
    include( 'html/pics.htm' );  // soll er pics.htm einfügen
        
    break;  // pause

        
    default:  // Wenn nichts hinter page= steht oder page= gar nich da is
            
    include( 'html/main.htm' );  // soll er main.htm includen
            
    break;  // Pause
    }
    ?>

    So schwer is das doch gar nicht, oder?

    gruß
    gl
     
  15. 20. Februar 2008
    AW: Flexibles Container in CSS!?

    case-statements in ' ' bzw in " " bei strings, default braucht kein break, include keine ( ).

    break heiß btw "abbrechen" und nicht "pause"

    no comment

    schreibarbeit spaaren kannst du dir wenn du direkt inkludierst (hab ne funktion dazu geschrieben, musst mal suchen) wenns dynamisch bleiben soll.
     
  16. 20. Februar 2008
    AW: Flexibles Container in CSS!?

    break kann auch pause heißen!
    und man kann includes auch mit klammern schreiben.

    und die '' waren flüchtigkeitsfehler.

    aber, wenn man so nen comment bekommt, nur weil man eine hilft und das auch noch von nem mod... dazu mal no comment!
    Es geht darum ihm das "system" verständlich zu machen und mehr nicht.

    gruß
    gl
     
  17. 20. Februar 2008
    AW: Flexibles Container in CSS!?

    schön das du ihm helfen möchtest, nur bringt es nicht viel wenn dus im falsch erklärst. das wirft nur mehr fragen auf als eigentlich da waren.

    und break heißt in php "abbrechen"
     
  18. 20. Februar 2008
    AW: Flexibles Container in CSS!?

    nur dass ich es ihm nich falsch erklärt habe!
    So funzt es und ist eine gute lösung!

    ob man nun break mit abbrechen oder pause übersetzt ist relativ egal, weils aufs gleiche rausläuft nämlich auf's anhalten des scripts.
    Das mit den klammern is ebenfalls nicht falsch.
    Und OMG jeder macht mal fehler und vergisst die ''.
    Deswegen ist es aber nochlange nicht unbrauchbar! Funzen tuts trotzdem!
     
  19. 20. Februar 2008
    AW: Flexibles Container in CSS!?

    klar, vergessen wa einfach die rechtschreibung und jedr shribt ap jez so wi r mak lesn kan mans a trosdem.

    und break hält das script nicht an, sleep macht das. break bricht schleifen und switch-statements ab. in php6 soll break dazu noch ganze code-blöcke "überspringen" können, bricht also die ausführung derer ab und macht wo anders weiter.

    PHP:
    echo  'foo' ;
    break 
    BAR ;
    echo 
    'blah' //wird nicht ausgeführt
    BAR ;
    echo 
    'bar' ;
     
  20. 20. Februar 2008
    AW: Flexibles Container in CSS!?

    LOL. :spam:


    wie du meinst.
     
  21. 20. Februar 2008
    AW: Flexibles Container in CSS!?

    okay danke jungs..!
    danke nicht heterolord
    und danke an den mods der dann es verbessert und nochmal erklärt hat!
    bw's gehen raus!

    werde es morgen gleich testen und mein statement dazu geben ^^
     
  22. 21. Februar 2008
    AW: Flexibles Container in CSS!?

    es ist noch eine frage aufgetreten..
    und zwar include ich ja jetzt die datei wo ich haben will..
    schön und gut, aber die includete datei von mir beinhaltet selber nochmal ein include befehl..

    fehlermeldung:
    Code:
    [B]Warning[/B]: include(../connect/db_connect.php) [[URL="http://bellaitaliana.be.funpic.de/neu/beispiel/function.include"]function.include[/URL]]: failed to open stream: No such file or directory in [B]/usr/export/www/news.php[/B] on line [B]13[/B]
    
    mh... wie mach ich das nun?

    wäre dankbar für eine hilfe ^^
     
  23. 21. Februar 2008
    AW: Flexibles Container in CSS!?

    antwort hab ich dir grad per pn geschrieben...

    er findet die datei nicht. also is das verzeichnis falsch.
    Lass das ".." weg. dann sollts gehn.
     
  24. 21. Februar 2008
    AW: Flexibles Container in CSS!?

    geht!
    erledigt..


    danke und closed


    mfg 3x3x3x3
     
  25. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.