cross: Probleme mit height von untergeordnetem DIV-Tag

Beitrag lesen

SELF-Forum

Probleme mit height von untergeordnetem DIV-Tag

cross
– Informationen zu den Bewertungsregeln

Hallöchen auch,

Ich habe folgende Seite, bestehend aus DIV-Tags, die ich mit CSS formatieren will.

Das ist mal ganz löblich.

<html>

  		height: 75px;  
  		border: 1px solid black;  

Das ist schlecht, denn damit bestimmst Du die Höhe des 1. DIV und die anderen DIV's sind darin "eingesperrt".  
  
  

> Wenn ihr das Beispiel in euren Browser (ich verwende Firefox) kopiert, dann seht ihr mein Problem. Da in .notes .text "height: 100%;" steht, steht dieser Teil "drüber". Was kann man da machen, um dieses Probelm zu behaben?  
  
ICH würde es wie folgt lösen:  
~~~html
  
                <style type="text/css">  
                        .notes {  
                                position: absolute;  
                                top: 165px;  
                                left: 654px;  
                                width: 150px;  
                        }  
                        .notes .heading {  
                                background-color: #eeb;  
                                border: 1px solid black;  
                        }  
  
                        .notes .text {  
                                border-width: 0px 1px 1px 1px;  
                                border-style: solid;  
                                border-color: black;  
                                background-color: #ffc;  
                        }  
                </style>  
  
                <div class="notes">  
                        <div class="heading">  
                                Titel  
                        </div>  
                        <div class="text">  
                                Text  
                        </div>  
                </div>

MfG
cross

Beitrag melden
–
Informationen zu den Bewertungsregeln