• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

div

  • Ersteller Ersteller sysop
  • Erstellt am Erstellt am
Status
Für weitere Antworten geschlossen.
S

sysop

Guest
sorry, ich wollte den titel dieses threads eigentlich richtig benennen, habe aber irgendwie das thema abgeschickt.

ich habe da ein problem, das ich nicht korrekt zuordnen kann. ich habe eine tabelle auf css umgestellt mit folgendem code:

html:
Code: 
<div class="contain">
  <blockquote>

hier text.

  </blockquote>
            </div>
der css code:
Code: 
/* der textcontainer */
.contain
{
    background-image: url(silvercont.gif);
    border:gray 1px solid;
    width:100%;
    height:98%;
    min-height:500px;
    text-align:justify;
    font-size:14px;
    padding:5;
}
nun passiert es manchmal, dass der div container nicht in voller grösse aufgemacht wird. er bleibt weder bei den in min-height definierten 500px hängen, noch geht er in voller grösse auf. ein refresh behebt das problem. sieht jemand einen fehler ? der code ist lt. w3c valide.

browser ist Iceweasel/2.0.0.18
 
Ich habe es mir so angesehen:
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <style type="text/css">
  /* <![CDATA[ */
html, body {
height: 100%;
}
  .contain
{
    background-image: url(silvercont.gif);
    border:gray 1px solid;
    width:100%;
    height:98%;
    min-height:500px;
    text-align:justify;
    font-size:14px;
    padding:5;
}
  /* ]]> */
  </style>
</head>
<body>
<div class="contain">
  <blockquote>
hier text.
  </blockquote>
</div>
</body>
</html>
Iceweasel/2.0.0.8
Bei mir funktioniert das height und auch das min-height.
Habs mehrmals neu aufgerufen.

Weißt du welche Iceweasel-Version ich aus den üblichen (stable) Quellen über apt-get bekommen würde?
 
wenn du ein update machst, bekommst du wohl auch die 2.0.0.18. ich nutze auch nur die original quellen. ein sicherheitsupdate (aptitude dist-upgrade) hat mir dann den 0.18'er montiert.
ich glaube der neue kam über:
Code: 
deb http://security.debian.org/ etch/updates main contrib
deb-src http://security.debian.org/ etch/updates main contrib
mein problem ist, dass ich in 95% der fälle auch alles richtig angezeigt bekomme, ab und an aber eben leider nicht. ein reload der seite biegt dann alles wieder gerade. nun war ich unsicher, ob es an meinem code liegt oder am browser (was ist da heute schon sicher .....:mrgreen: ).
der code ist wie gesagt valide, aber dass muss ja auch nichts heissen.
 
Vielleicht ist es ein cache-Problem vom Browser.
Ich würde folgendes mal ausprobieren:
Code: 
html, body {
height: 100%;
}

  .contain
{
    background-image: url(silvercont.gif);
    border:gray 1px solid;
    width:100%;
    height:98%;
    min-height:500px;
    text-align:justify;
    font-size:14px;
    padding:5px;
}
#contain-innen {
    min-height:500px;
}
Code: 
<div class="contain">
<div id="contain-innen">
  <blockquote>
Lorem ipsum

  </blockquote>
</div>
</div>
Wenn height + min-height (warum auch immer) ignoriert werden,
sollte das min-height vom inneren Element .contain auseineanderdrücken.

Es fehlte in den Letzten Beispielen eine Einheit für padding.
 
Zuletzt bearbeitet:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben