XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Div Orientierung (http://xhtmlforum.de/showthread.php?t=46092)

Leonidus 29.05.2007 15:15

Div Orientierung
 
Hallo,

ich mir eine Download Box per divs erstellt , in denen auch ein Bild vorhanden ist, jedoch orientiert sich die Box an dem Text und nicht an dem Bild, sodass das Bild übersteht. Wie bekomme ich es hin, dass die ganze Box sich an dem div mit dem Bild orientiert , was die Höhe betrifft?


Code:

<div class="box">
<h2 align="center" class="filebox_breadcrumb">
<a href="details.php?file={$file[id]}">{$file[name]}</a></h2>
<div class="f_bild" style=" float: left; width: 200px; display:inline; ">
<a href="details.php?file={$file[id]}"><img src="{$file[description_small]}" border="0" /></a>
</div>
<div class="f_d_content" style="float: right; width: 200px;">
                  <span class="filebox_links">{$file[size]}{$filesize_format}</span><br />
          <span class="filebox_links">{$file[downloads]}</span><br />
          <span class="filebox_links">{$file[date]}</span><br />
          <span class="filebox_links">password</span>
</div>
<div class="f_desc" style="margin: 0 200px 0 200px;";>
        Gr&ouml;sse: <br />
        {lang:frontend:downloads}: <br />
        {lang:frontend:date}:<br />
        Passwort:<br />
        <div align="right"><a href="download.php?file={$file[id]}" title="Download {$file[name]}">{lang:frontend:download}</a></div>
</div>
</div>


RoToRa 29.05.2007 15:23

Bitte zuerst http://xhtmlforum.de/40080-fuer-frag...twortende.html durchlesen. Mit Codeschnippsel insbesondere mit PHP können wir hier nichts anfangen.

Und dein Code sieht sehr nach DIV-Suppe aus.

Ansonsten könne eine Lektüre von Float-Grundlagen nicht schaden (FAQ Punkt 2): http://xhtmlforum.de/40267-faq-haeuf...d-haeufig.html

Robin

Leonidus 29.05.2007 15:30

Liste der Anhänge anzeigen (Anzahl: 1)
Hier mal ein screenshot wie der Fehler aussieht:

Crizzo 29.05.2007 15:37

Bitte ein Online Beispiel, sowie alle CSS Angaben!

RoToRa 29.05.2007 15:44

Dein Screenshot hilft hier gar nichts - ausser zu bestätigen, das du da tatsächlich eine katastrophale DIV-Suppe konstruiert hast. Arbeite lieber meine Hinweise und Links durch.

Tipp: Tabellen sind *nicht* böse. Wenn man tabellarische Daten hat, sie sie das richtige Werkzeug.

Robin

Leonidus 29.05.2007 15:53

Zitat:

Zitat von RoToRa (Beitrag 334718)
Dein Screenshot hilft hier gar nichts - ausser zu bestätigen, das du da tatsächlich eine katastrophale DIV-Suppe konstruiert hast. Arbeite lieber meine Hinweise und Links durch.

Tipp: Tabellen sind *nicht* böse. Wenn man tabellarische Daten hat, sie sie das richtige Werkzeug.

Robin

Erst hab ich das ganze ja mit tabellen realisiert nur leider gabs dann im IE nen Fehler, hab ich auch schon hier gesposted, aber leider keine Hilfe bekommen:

http://xhtmlforum.de/46090-ie-format...tml#post334680

Crizzo 29.05.2007 15:56

Darum gehts nicht, wir brauen den anze Code deiner Seite bzw. ein Online Bespiel, wo wir das Problem live sehen können!

Leonidus 29.05.2007 16:02

Zitat:

Zitat von BlackHawk (Beitrag 334723)
Darum gehts nicht, wir brauen den anze Code deiner Seite bzw. ein Online Bespiel, wo wir das Problem live sehen können!

Code steht im verlinkten Thread...

Crizzo 29.05.2007 16:44

Code:

      Below are the results of checking this document for XML      well-formedness and validity.
  1. Warning        Line 21 column 169:        character "<" is the first character of a delimiter but occurred as data....ource •  • Tägliche Updates füreuch << <a href="http://www.test.de"><s                This message may appear in several cases:
    • You tried to include the "<" character in your page: you should escape it as "&lt;"

    • You used an unescaped ampersand "&": this may be valid in some contexts,        but it is recommended to use "&amp;", which is always safe.

    • Another possibility is that you forgot to close quotes in a previous tag.


  2. Warning        Line 21 column 170:        character "<" is the first character of a delimiter but occurred as data....urce •  • Tägliche Updates für euch << <a href="http://www.test.de"><sp         

  3. Error        Line 85 column 10:        there is no attribute "align".<h2 align="center" class="filebox_breadcrumb"><a href="details.php?file=1">Test                  You have used the attribute named above in your document, but the      document type you are using does not support that attribute for this      element. This error is often caused by incorrect use of the "Strict"      document type with a document that uses frames (e.g. you must use      the "Transitional" document type to get the "target" attribute), or      by using vendor proprietary extensions such as "marginheight" (this      is usually fixed by using CSS to achieve the desired effect instead).   
                This error may also result if the element itself is not supported in      the document type you are using, as an undefined element will have no      supported attributes; in this case, see the element-undefined error      message for further information.   
                How to fix: check the spelling and case of the element and attribute,        (Remember XHTML is all lower-case) and/or        check that they are both allowed in the chosen document type, and/or      use CSS instead of this attribute. If you received this error when using the        <embed> element to incorporate flash media in a Web page, see the        FAQ item on valid flash.   
     
               

  4. Error        Line 88 column 14:        there is no attribute "width".    <td width="33%"><div class="wysiwyg">         

  5. Error        Line 89 column 17:        there is no attribute "align".      <div align="center"><a href="details.php?file=1"><img src="http://www.giln         

  6. Error        Line 89 column 113:        there is no attribute "border"....gilneas.de/downloads/eps.gif" border="0" /></a></div>         

  7. Error        Line 89 column 118:        required attribute "alt" not specified....as.de/downloads/eps.gif" border="0" /></a></div>                The attribute given above is required for an element that you've used,      but you have omitted it. For instance, in most HTML and XHTML document      types the "type" attribute is required on the "script" element and the      "alt" attribute is required for the "img" element.   
                Typical values for type are        type="text/css" for <style>      and type="text/javascript" for <script>.   
     
               

  8. Error        Line 91 column 56:        there is no attribute "align".    <td width="67%"><table width="92%" border="0" align="right">


Bitte beheben!

Crizzo 29.05.2007 16:45

Code:

248    #toolbox_left p    Die Eigenschaft word-wrap existiert nicht : break-word 
 79   
  Obwohl bei Farbnamen die Groß-/Kleinschreibung irrelevant ist, wird empfohlen die gemischte Schreibweise zu verwenden, um die Namen besser lesbar zu machen: White      79   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #contentarea .wysiwyg h3 und #leftbar .root_categories      79   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .children .nolink a:visited und #leftbar .root_categories      79   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #contentarea .wysiwyg h3 und #leftbar .root_categories      79   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .children .nolink a:visited und #leftbar .root_categories      79   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #contentarea .wysiwyg h3 und #leftbar .root_categories      79   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten div.box und #leftbar .root_categories      89   
  Obwohl bei Farbnamen die Groß-/Kleinschreibung irrelevant ist, wird empfohlen die gemischte Schreibweise zu verwenden, um die Namen besser lesbar zu machen: White      94   
  Obwohl bei Farbnamen die Groß-/Kleinschreibung irrelevant ist, wird empfohlen die gemischte Schreibweise zu verwenden, um die Namen besser lesbar zu machen: White      94   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .children .nolink a:visited und #leftbar .root_categories li p a:active      94   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten div.box und #leftbar .root_categories li p a:active      94   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #contentarea .wysiwyg h3 und #leftbar .root_categories li p a:active      94   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .children .nolink a:visited und #leftbar .root_categories li p a:active      94   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #contentarea .wysiwyg h3 und #leftbar .root_categories li p a:active      94   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #contentarea .wysiwyg h3 und #leftbar .root_categories li p a:active      94   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #contentarea .wysiwyg h3 und #leftbar .root_categories li p a:active      94   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten div.box und #leftbar .root_categories li p a:active      94   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #contentarea .wysiwyg h3 und #leftbar .root_categories li p a:active      94   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #contentarea .wysiwyg h3 und #leftbar .root_categories li p a:active      94   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .children .nolink a:visited und #leftbar .root_categories li p a:active      94   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .children .nolink a:visited und #leftbar .root_categories li p a:active      94   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #contentarea .wysiwyg h3 und #leftbar .root_categories li p a:active      94   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .children .nolink a:visited und #leftbar .root_categories li p a:active      94   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #contentarea .wysiwyg h3 und #leftbar .root_categories li p a:active      94   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #contentarea .wysiwyg h3 und #leftbar .root_categories li p a:active      94   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten div.box und #leftbar .root_categories li p a:active      94   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .children .nolink a:visited und #leftbar .root_categories li p a:active      103   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .children .nolink a:visited und #leftbar .root_categories li p a.collapse:hover      103   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .children .nolink a:visited und #leftbar .root_categories li p a.collapse:hover      103   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #contentarea .wysiwyg h3 und #leftbar .root_categories li p a.collapse:hover      103   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #contentarea .wysiwyg h3 und #leftbar .root_categories li p a.collapse:hover      103   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #contentarea .wysiwyg h3 und #leftbar .root_categories li p a.collapse:hover      103   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten div.box und #leftbar .root_categories li p a.collapse:hover      154   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #contentarea .wysiwyg h3 und #menu li      154   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .children .nolink a:visited und #menu li      154   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #contentarea .wysiwyg h3 und #menu li      154   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #contentarea .wysiwyg h3 und #menu li      154   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten div.box und #menu li      154   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .children .nolink a:visited und #menu li      161   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #contentarea .wysiwyg h3 und #menu a:visited      161   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .children .nolink a:visited und #menu a:visited      161   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten div.box und #menu a:visited      161   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #contentarea .wysiwyg h3 und #menu a:visited      161   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #contentarea .wysiwyg h3 und #menu a:visited      161   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .children .nolink a:visited und #menu a:visited      161   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #contentarea .wysiwyg h3 und #menu a:visited      161   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten div.box und #menu a:visited      161   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .children .nolink a:visited und #menu a:visited      161   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #contentarea .wysiwyg h3 und #menu a:visited      161   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #contentarea .wysiwyg h3 und #menu a:visited      161   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .children .nolink a:visited und #menu a:visited      171   
  Obwohl bei Farbnamen die Groß-/Kleinschreibung irrelevant ist, wird empfohlen die gemischte Schreibweise zu verwenden, um die Namen besser lesbar zu machen: White      200   
  Obwohl bei Farbnamen die Groß-/Kleinschreibung irrelevant ist, wird empfohlen die gemischte Schreibweise zu verwenden, um die Namen besser lesbar zu machen: White      200   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #contentarea .wysiwyg h3 und #contentarea h2 a:visited      200   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #contentarea .wysiwyg h3 und #contentarea h2 a:visited      200   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten div.box und #contentarea h2 a:visited      200   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten #contentarea .wysiwyg h3 und #contentarea h2 a:visited      200   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .children .nolink a:visited und #contentarea h2 a:visited      200   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .children .nolink a:visited und #contentarea h2 a:visited      200   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .children .nolink a:visited und #contentarea h2 a:visited      200   
  Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .children .nolink a:visited und #contentarea h2 a:visited      200



Alle Zeitangaben in WEZ +2. Es ist jetzt 01:41 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023