wo ist mein Rahmen hin?

[sinaja]

Guten Abend,

ich habe bei meinem div ein problem. das dass kein rahmen zu sehen ist.
und sieht vielleicht auch jemand warum der iframe nicht genau mittig im div ist?

Seht ihr was ich falsch gemacht habe?
das css:

<style type="text/css">
<!--
img { 
    border:4px; 
    border-color:#666666; 
    margin:8px, top; 
    height:120px; 
    width:81px; 
}
iframe { 
    height:510px; width:340px; 
    background:#000000; 
    align:centre;
    vertical-align:middle
}
div.grosseganzes{align:top;}
div.drumherum {
    border: thick; 
    border-color:#333333; 
    height:150px; 
    width:89px; 
    float:left;
}
div.minibild {
    vertical-align:middle;
} 
div.minitext { text-align:center
} 
div.iframe {
    float:left;
    height:520px; 
    width:360px; 
    background:#666666;
     }
-->
</style>

und die div dazu:

<div class="iframe"><iframe name="room" src="startbild"> </iframe></div>
<div class="grossesganzes"><h1>Doitsu kohaku </h1>    
        <div class="drumherum">
        <div class="minibild">
        <a href="grossesbild" target="room"  >
        <img  src="kleinesbild"
          alt="Koi" width="81" height="120" 
          onclick="document.getElementById('desc').innerHTML = 'lange Beschreibung';"/></a></div>
          <div class="minitext">kurze beschreibung</div>
         </div>
        
       <div class="drumherum">
        <div class="minibild">
        <a href="grossesbild" target="room"  >
        <img  src="kleinesbild"
          alt="Koi" width="81" height="120" 
          onclick="document.getElementById('desc').innerHTML = 'lange Beschreibung';"/></a></div>
          <div class="minitext">kurze beschreibung</div>
         </div>
         </div>

Danke Schön
Stefanie

 

[threadi]

das css:

Steht das in der HTML-Datei oder ist es in einer externen CSS-Datei? Wenn letzteres, dann sind die HTML-Attribute und der HTML-Kommentar zuviel dort drin.

img { 
    border:4px; 
    border-color:#666666; 
    margin:8px, top; 
    height:120px; 
    width:81px; 
}

Was für einen Sinn hat es alle Bilder einer Seite auf eine Größe zu bringen? Aber ok .. dein Layout :]

align:centre;

Steht mehrmals in deinem CSS. Gibt es aber nicht. Wird folglich von keinem Browser erkannt. Was Du vermutlich meinst ist "text-align". Dieses würde jedoch bei einem iframe nichts bewirken. Um das iframe zu zentrieren, musst Du entweder bei dem umgebenden div "text-align: center;" setzen oder das iframe zu einem Blockelement machen ("display: block;") und per margin zentrieren ("margin: 0 auto;").

div.grosseganzes{align:top;}

Gibt es auch nicht.

div.minibild {
    vertical-align:middle;
}

Würde an der Stelle nie wirken, da das "div" a) kein Tabellenelement ist und b) kein Inlineelement.

Und jetzt frage ich mich nur noch bei welchem der vielen unnötigen div's Du einen Rahmen vermisst?!

 

[sinaja]

Die css regel stehen im Headbereich der einzelnene Seite.
Das ganze ist noch nicht fertig, deswegen habe ich es noch nicht in einen eigene css seite exportiert.
Die grösse der Bilder schreibt mir Dreamweaver automatisch jedes mal rein.Wenns zuviel ist lösche ich es auch. wuste nicht das es unnötig ist. Danke für den Tipp mit dem div des iframes. Das ist was ich suchte.
align:top schmeisse ich dann mal raus.
vertikal align middel im minibild div habe ich verwendet damit der inhalt mittig steht.(also das kleine Bild)

und den Rahmen vermisse ich beim div drumherum.
warum die divs unnötig sein sollen verstehe ich nicht.
das sind kleine Artikelbilder, und wenn eines verkauft ist tue ich mich leichter die Sachen von der Page zu nehmen.
Mir ist aufgefallen, das die ersten drumherum divs am iframe div "drankleben. Wie bekomme ich da etwas abstand dazwischen?

lg stefanie

 

[threadi]

Also "grossesganzes" soll einen Rahmen erhalten? Dort hast Du keinen angegeben.

Innenabstände sind mit padding einstellbar. Außenabstände mit margin.

 

[sinaja]

nein, ich vermisse den rahmen bei drumherum. er soll praktisch bild plus zugehörigen text einrahmen

 

[threadi]

Da Du beides innerhalb von "drumherum" floatest, musst Du nach den floatenden Elementen auch noch clearen. Nur so erhält die Box "drumherum" auch eine Höhe und Du wirst den Rahmen sehen können.