+ Antworten
Ergebnis 1 bis 8 von 8

Thema: Ich habe Darstellungsprobleme mit mehreren Divs

  1. #1
    carel
    Gast

    Standard Ich habe Darstellungsprobleme mit mehreren Divs

    die cih in den Content gelegt habe.....
    Die Überschrift wird in div=cont 1 nicht angezeigt und die anderen floaten falsch...

    <div id="maincontent">

    <div id="left"><jdoc:include type="modules" name="left" style="xhtml" /></div>
    <div id="right"><jdoc:include type="modules" name="right" style="xhtml" /></div>
    <div id="content"><jdoc:include type="component" /><jdoc:include type="message" />

    <div id="cont1"><jdoc:include type="modules" name="user1" style="xhmtl" /></div>
    <div id="cont2"><jdoc:include type="modules" name="user2" style="xhtml" /></div>
    <div id="cont3"><jdoc:include type="modules" name="user3" style="xhtml" /></div>
    <div id="cont4"><jdoc:include type="modules" name="user4" style="xhtml" /></div>
    </div>
    ...
    das css dazu...

    #cont1 {
    width: 238px;
    float: left;
    background-color: #fff;
    padding: 25px 5px 5px 20px;;
    /*height: 100px;*/
    margin-right: 6px;
    border-right: double 1px #CCCCCC;
    border-bottom: double 1px #999999;
    }
    #cont2 {
    width: 233px;
    float: left;
    background-color: #fff;
    /*height: 100px;*/
    margin-right: 6px;
    margin-left: 6px; /* ####### überzähliges Pixel #############*/
    border-right: double 1px #CCCCCC;
    border-bottom: double 1px #999999;
    }
    #cont3 {
    width: 233px;
    float: left;
    background-color: #fff;
    /*height: 100px;*/
    margin-right: 11px;
    margin-left: 5px;
    border-right: double 1px #CCCCCC;
    border-bottom: double 1px #999999;
    }
    #cont4 {
    width: 238px;
    float: right;
    background-color: #fff;
    border-right: double 1px #CCCCCC;
    border-bottom: double 1px #999999;
    /*height: 100px;*/
    }

    weiß jemand den richtigen Weg?

    lg
    Carel

  2. #2
    Gehört zum Inventar Avatar von Helrunar
    Registriert seit
    05.03.2006
    Ort
    /home/helrunar/Webdev
    Beiträge
    6.250
    Bedankte sich
    569
    Erhielt 1.546 Danksagungen
    in 1.399 Beiträgen

    Standard

    Gibt es einen Link?

  3. #3
    Moderator Avatar von time4mambo
    Registriert seit
    11.12.2006
    Ort
    76646 Bruchsal
    Alter
    54
    Beiträge
    14.337
    Bedankte sich
    455
    Erhielt 2.970 Danksagungen
    in 2.789 Beiträgen

    Standard

    Was sollen wir mit dem bisschen Code? Einen Link, wie Helrunar schon sagt. Bist doch schon ein paar Tage dabei und müsstest wissen, das wir mit sowas wie oben, nicht allzu viel anfangen können.


    Axel
    Schulungen, Webentwicklung: time4mambo
    (Video-)Tutorials: time4joomla

  4. #4

  5. #5
    Gehört zum Inventar Avatar von Helrunar
    Registriert seit
    05.03.2006
    Ort
    /home/helrunar/Webdev
    Beiträge
    6.250
    Bedankte sich
    569
    Erhielt 1.546 Danksagungen
    in 1.399 Beiträgen

    Standard

    Schalt mal bitte die Slideshow aus, da man ansonsten nicht wirklich mit Firebug drüberschauen kann. Ich hasse es wenn im FB der Code das Springen anfängt

  6. #6
    carel
    Gast

    Standard

    Slideshow ist aus.
    Im übrigen...sehr schöne Gestaltung, deine Projekte...

  7. #7
    Moderator Avatar von time4mambo
    Registriert seit
    11.12.2006
    Ort
    76646 Bruchsal
    Alter
    54
    Beiträge
    14.337
    Bedankte sich
    455
    Erhielt 2.970 Danksagungen
    in 2.789 Beiträgen

    Standard

    User1 bis 4 ist meines Erachtens überflüssig. Aus den vier einen machen. Alle Module werden unter einander angezeigt. Gibt also keinen Grund, das anders zu machen. Oder mir ist unklar, wo sie stattdessen stehen sollen?

    Der generelle Weg:

    DIV GANZ AUSSEN

    DIV SAMMEL-CONTAINER 1
    DIV INNEN 1 /DIV
    DIV INNEN 2 /DIV
    ...
    / ENDE DIV SAMMEL-CONTAINER 1
    NEUES DIV SAMMEL-CONTAINER 2
    DIV INNEN 1 /DIV
    ...
    /ENDE DIV SAMMEL-CONTAINER 2

    / ENDE DIV GANZ AUSSEN
    Usw.
    Also die Teile, die zuammengehören und nebeneinander liegen mit einem DIV umschließen.
    Danach folgt eine neue Zeile mit neuem DIV. Einzeln über die ganze Breite gehend oder wieder ein Sammel-Container mit mehreren DIVs, die nebeneinander liegen.

    Da scheint bei dir zu fehlen, weswegen dann die Module alle einfach nach unten gepackt werden.

    Punkt zwei: "float:left" bedeutet nicht, dass der zweite DIV automatisch am Ende vom ersten DIV gehängt wird, sondern lediglich, dass beide nebeneinander stehen können. Du musst aber beim zweiten ein "margin-left: [Breite des ersten DIVs]" mitgeben.


    Axel
    Schulungen, Webentwicklung: time4mambo
    (Video-)Tutorials: time4joomla

  8. #8
    Gehört zum Inventar Avatar von Helrunar
    Registriert seit
    05.03.2006
    Ort
    /home/helrunar/Webdev
    Beiträge
    6.250
    Bedankte sich
    569
    Erhielt 1.546 Danksagungen
    in 1.399 Beiträgen

    Standard

    Axel hat ja soweit schon alles geschrieben...


    Btw, danke fürs Kompliment. Jedoch ist das eine Projekt ein Template von Axel und das andere nichtmal Joomla

+ Antworten

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein