zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Div Orientierung

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 29.05.2007, 14:15
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.05.2007
Beiträge: 16
Leonidus befindet sich auf einem aufstrebenden Ast
Unglücklich 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>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 29.05.2007, 14:23
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.838
RoToRa wird schon bald berühmt werden
Standard

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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 29.05.2007, 14:30
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.05.2007
Beiträge: 16
Leonidus befindet sich auf einem aufstrebenden Ast
Standard

Hier mal ein screenshot wie der Fehler aussieht:
Angehängte Grafiken
Dateityp: jpg dl-box.JPG (23,5 KB, 10x aufgerufen)
Mit Zitat antworten
  #4 (permalink)  
Alt 29.05.2007, 14:37
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.828
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Bitte ein Online Beispiel, sowie alle CSS Angaben!
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ
Mit Zitat antworten
  #5 (permalink)  
Alt 29.05.2007, 14:44
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.838
RoToRa wird schon bald berühmt werden
Standard

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
Mit Zitat antworten
  #6 (permalink)  
Alt 29.05.2007, 14:53
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.05.2007
Beiträge: 16
Leonidus befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von RoToRa Beitrag anzeigen
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
Mit Zitat antworten
  #7 (permalink)  
Alt 29.05.2007, 14:56
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.828
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Darum gehts nicht, wir brauen den anze Code deiner Seite bzw. ein Online Bespiel, wo wir das Problem live sehen können!
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ
Mit Zitat antworten
  #8 (permalink)  
Alt 29.05.2007, 15:02
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.05.2007
Beiträge: 16
Leonidus befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von BlackHawk Beitrag anzeigen
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...
Mit Zitat antworten
  #9 (permalink)  
Alt 29.05.2007, 15:44
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.828
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

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!
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 29.05.2007, 15:45
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.828
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

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
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Fragen zu CSS und Joomla DOKTOR CSS 2 23.05.2011 19:29
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 16:53
Header entfernen tripple CSS 17 15.06.2010 15:41
Schriftfarbe in den Eintragungsfeldern von jforms Steveislucky CSS 2 16.03.2010 10:59
CSS Text nebeinander? carstiee09 CSS 13 13.11.2009 19:18


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:26 Uhr.