[Erledigt] Community Frage zu Tabellenstruktur/Aufbau

[lstegelitz]

Irgendwie geht das Problem an mir vorbei

Könntest du nochmal genau erläutern, was nun eigentlich das Problem ist? Aus dem Text werde ich jedenfalls nicht schlau

lasse ich right weg und in page left das float:left; dann streched der page-wrap container sich vorschriftsgemäß nur so weit, wie ich inhalt reinpacke.

geb ich nun einen zweiten container dort hinein macht der das nicht mehr`!?!

also suche ich bei google und was finde ich? dass es gehen muss.

gut dann bau ich mir ne neue seite, ohne inhalt und schau mir an was falsch sein kann.

aber schon das einfachste hier klappt nicht, wenn ich dem page-wrap keine genaue höhe angebe.... gibts doch nicht od? warum streched der sich da nicht mehr, weiß das jemand?

[Sickone4]

baue ich meine seite so auf, wie sie original war:

<div id="page-wrap">
<div id="page-left"></div>
</div>

dann wird der container page-wrap fehlerfrei gestreched!

baue ich es so auf:

#pagetext-wrap, #page-wrap {
  width:              932px;
}

#page-wrap {
  margin-top:         20px;
  background-color:   #f8f7f7;
  border:             1px solid;
}

#page-left {
  margin:             8px 0px  8px 15px;
  padding:            0px 5px 20px  5px;
  width:              500px;
  color:              #000000;
  border:             1px solid;
  float:              left;
}

#page-right {
  width:              180px;
  background-image:   url(../images/page/content/big-top.png);
  padding:            5px 5px;
  float:              right;
}




<div id="page-wrap">
  <div id="page-left"></div>
  <div id="page-right"></div>
</div>

und füge float: left und natürlich auch right ein für die beiden inneren container, streched page-wrap nichtmehr!

[Arne Drews]

Ich schick Dir mal'n Link per PN. Da habe ich das mal online gestellt. Kannst Dir den Quältext ja mal ansehen. Ich denke da siehst Du den Fehler evtl.

[Sickone4]

@ Arne:

ich kanns zwar nicht ganz glauben, aber klar. offensichtlicher gehts wohl kaum.....

damn... weisste ich bau das so ca 2 zeilen oben drüber im gesamten quelltext noch ein um dort gleiche fehler zu verhindern....

aber sowas passiert wenn man sich zu häufig zu lange pausen gönnt....

jdf sieht mein topic quelltext jetzt so aus, hoffe dass er nun besser strukturiert ist:

PHP-Code:


// Liste der Ortsvereine

  $sql = "SELECT ID FROM spd_mod_ov";

  $abfrageergebnis = mysql_query( $sql, $conID );

  $div = mysql_fetch_assoc($abfrageergebnis);

  // sind Einträge in der DB vorhanden
  if($div)

     {
        echo "<div id='page-wrap' style='height:100%;'>

                 <div id='page-left'>";

  // Datensätze aus mod_ov den Kategorien aus mod_ov_cat zuordnen
  $sql = "SELECT * FROM spd_mod_ov_cat a join spd_mod_ov b WHERE a.ID = b.cat_ID  ORDER BY verbandsgemeinde, name ASC";

  $abfrageergebnis = mysql_query( $sql, $conID );
  
  // Definiere letzten Eintrag
  $letzte_verbandsgemeinde = null;

  while( $datensatz = mysql_fetch_array($abfrageergebnis) ) {

    // Schreibe aktuelle Verbandsgemeinde in $verbandsgemeinde
    $verbandsgemeinde = $datensatz['verbandsgemeinde'];


    // Gruppenbruch, neue Verbandsgemeinde
    if ($letzte_verbandsgemeinde != $verbandsgemeinde)

       {
          echo ($verbandsgemeinde == 'Morbach')? '<br><h1>Einheitsgemeinde ': '<br><h1>Verbandsgemeinde ';
          echo $datensatz['verbandsgemeinde'] . '</h1>';
       }
    
    echo "

      <p><img id='icon-cube' src='images/page/content/cube.png'>
                                          
         <a href='index.php?page=modules/ov/".$datensatz['ID']."'>Ortsverein&nbsp;".$datensatz['name']."</a>";

      // ist weder eine Email noch eine eigene Homepage vorhanden
      if (empty($datensatz['url']) && empty($datensatz['email']))

         {
            echo "</p>";
         }

      else

        {
    
           // ist eine eigene Homepage vorhanden
           if (!empty($datensatz['url']))

              {
                 echo "&nbsp;<a href='".$datensatz['url']."' target='_blank'><img id='icon-homepage' src='images/icon/page-link.png' alt='Homepage'></a>  ";
              }
        
           // ist eine Emailadresse vorhanden
           if (!empty($datensatz['email']))

              {
                 echo "&nbsp;<a href='mailto:".$datensatz['email']."' target='_blank'><img id='icon-email' src='images/icon/mail.png' alt='E-Mail'></a>  ";
              }

           echo "</p>";

        }

    // aktuelle Verbandsgemeinde als Vergleichswert setzen
    $letzte_verbandsgemeinde = $verbandsgemeinde;

   }
    
} 


das <br><h1> konstrukt bei der kategorieausgabe veränder ich gerade noch mit <span> sodass es als "paket" fungiert

[Sickone4]

ich beende diesen thread jetzt mal, und bedanke mich bei allen die mir geholfen haben, größtenteils Arne danke für deinen sonntag

gruß bis zum nächsten mal,

sick

[lstegelitz]

Gefloatete Elemente verschwinden aus dem "normalen" HTML Fluss. Floatest du das innere div, nimmst du dem äusseren page-wrap Container den Inhalt weg, und verhält sich entsprechend: Die Höhe "schrumpft" auf 0, weil es keinen Inhalt mehr gibt, der das page-wrap div "aufdrücken" könnte.

Hier ein interessanter Artikel zum Thema "float":
http://www.css-technik.de/css-examples/219_9/

[Sickone4]

ja das stimmt, Arne hat mir da ein beispiel meines codes gezeigt. ein "clear:both" regelt da einiges;()