tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
7
ZUGRIFFE
778
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    xGutaxJungex xGutaxJungex ist offline Mitglied Silber
    Registriert seit
    Jan 2009
    Beiträge
    64
    Hallo,
    Hier erst mal mein Code:

    PHP-Code:
        echo '
    <div id="archivebildetc">
    <div id="archive"><a href="/galerie/'
    .htmlspecialchars$galerie['setbild']).'">
                 <img src="/galerie/'
    .$galerie['setbild'].'" alt="Bild wird geladen." width="200" height="200" /></a></div>
         <div id="archiven" style="width: 400px;">
               <div style="width: 400px;"><b>Titel:</b> '
    .htmlspecialchars$galerie['titel']).'</div>
               <div style="width: 400px;"><b>Autor:</b> <a href="index.php?page=10&id='
    .$userdata['id'].'" target="_blank">'.htmlspecialchars$galerie['autor']).'</a></div>
               <div style="width: 400px;"><b>Beschreibung zum Bild:</b> '
    .htmlspecialchars$galerie['beschreibung']).'</div>
               </div>
    </div>
    <br>'

    HTML-Code:
      #archivebildetc {
      width: 669px; 
      overflow: hidden;
      }
      
      #archive {
      width: 204px;
      color: #ffffff;
      background-color: #444444;
      padding-left: 10px;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-right: 10px;
      border: 2px solid #000000;
      }
      #archive img {
      border: 2px solid #9E9E9E;
      color: #fff;
      }
      #archive a:hover img {
      border: 2px solid #fff;
      color: #fff;
      }
      #archive a:hover { color: #fff; }
    
      #archiven {
      color: #ffffff;
      float: right;
      background-color: #444444;
      padding-left: 10px;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-right: 10px;
      border: 2px solid #000000;
      }
    Mein Problem ist jetzt, dass er die beiden Divs, die oben sind nicht nebeneinander tut, sondern unter einander, bei id="archiven" nimmt er das Float: right; raus, aber er zeigt er jedoch trotzdem unter dem id="archive" an :/ . Wieso denn das?
    Geändert von xGutaxJungex (22.08.09 um 14:42 Uhr)
     

  2. #2
    Portugao Portugao ist offline Rookie
    Registriert seit
    Jan 2003
    Ort
    Aus dem kalten Norden
    Beiträge
    5
    Das

    clear:both

    in #archive ist die Ursache, denke ich.
     

  3. #3
    Maik Tutorials.de Gastzugang
    Hi,

    das zu umfliessende Element (mit der float-Eigenschaft formatiert) wird im Markup grundsätzlich an erster Stelle genannt - also in deinem Konstrukt:
    HTML-Code:
    <div style="width: 669px; clear: both; overflow: hidden;">
        <div id="archiven">...</div>
        <div id="archive">...</div>
    </div>
    Desweiteren sorgt die clear:both-Deklaration für #archive dafür, dass das Element in der Zeile darunter ausgerichtet wird.

    mfg Maik
     

  4. #4
    xGutaxJungex xGutaxJungex ist offline Mitglied Silber
    Registriert seit
    Jan 2009
    Beiträge
    64
    Hab den Code geändert, geht aber noch immer net :/

    ##EDIT##

    Danke, es geht doch , habe ein Float: left; vergessen .
     

  5. #5
    Maik Tutorials.de Gastzugang
    Du hast auch nicht die angesprochene Reihenfolge der beiden genannten DIV-Blöcke getauscht.

    mfg Maik
     

  6. #6
    xGutaxJungex xGutaxJungex ist offline Mitglied Silber
    Registriert seit
    Jan 2009
    Beiträge
    64
    Wie meinst du das o.O ?
     

  7. #7
    Maik Tutorials.de Gastzugang
    Hab ich dir doch eben gezeigt
    Zitat Zitat von Maik Beitrag anzeigen

    das zu umfliessende Element (mit der float-Eigenschaft formatiert) wird im Markup grundsätzlich an erster Stelle genannt - also in deinem Konstrukt:
    HTML-Code:
    <div style="width: 669px; clear: both; overflow: hidden;">
        <div id="archiven">...</div>
        <div id="archive">...</div>
    </div>
    mfg Maik
     

  8. #8
    xGutaxJungex xGutaxJungex ist offline Mitglied Silber
    Registriert seit
    Jan 2009
    Beiträge
    64
    Achso , trotzdem danke , es geht ja schon , danke hehe.

    Ps:// werde gleich mal meine PHP Frage los :/ .
     

Ähnliche Themen

  1. Problem mit float:left
    Von enrix im Forum CSS
    Antworten: 2
    Letzter Beitrag: 23.03.10, 19:55
  2. Antworten: 14
    Letzter Beitrag: 28.09.08, 11:00
  3. float left bei 3divs
    Von chaosgoettin im Forum CSS
    Antworten: 3
    Letzter Beitrag: 09.03.07, 07:25
  4. Antworten: 2
    Letzter Beitrag: 01.03.06, 13:43
  5. div & float:left;
    Von Pherseus im Forum HTML & XHTML
    Antworten: 1
    Letzter Beitrag: 11.02.05, 11:02