min-height ;-( will nicht !!

[kai]

Hallo Zusammen,
kann mir jemand erklären warum die minimale höhe eines elements sich nicht erzwingen lässt ?? weder in ie 6 noch in mozilla 1.7.2

min min-height: 500px;

/*
elements for the content row
-------------------------------------------------- */
#content  {
background-color:transparent;
position: absolute;
top: 90px;
left: 62px;
width: 530px;
min-height: 500px;
padding: 0px;
margin: 10px 0px 0px 0px;

}

}

[MudGuard]

Hi,

kann mir jemand erklären warum die minimale höhe eines elements sich nicht erzwingen lässt ?? weder in ie 6

Der IE ist nicht in der Lage, min-height zu interpretieren.

noch in mozilla 1.7.2

min min-height: 500px;

margin: 10px 0px 0px 0px;
}
}

Die zweite schließende Klammer sieht verdächtig aus. Gib mal einen Link zur kompletten Seite.

cu,
Andreas

[kai]

Hi,

Der IE ist nicht in der Lage, min-height zu interpretieren.

das ist aber schwach in mozilla läufts jetzt !!

ist da sicher nichts zu machen??

hier mal die komplette css datei

html {
  height: 100%;
}
/*
elements for the body
-------------------------------------------------- */

body {
background-color: #cccccc;
color: #333;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
padding: 0px;
margin: 0px;
}

a:link {
  color: #ffffff;
  text-decoration: none;
}

a:visited {
  color: #ffffff;
  text-decoration: none;
}

a:hover {
  color: #fff;
  text-decoration: bold;
  background-color: #6b6b6b;
}

form {
margin: 0px;
padding: 0px;
color: #09c;
background-color:transparent;
font-size: 10px;
}

input, textarea{
margin: 0px;
padding: 1px;
color: #000;
background-color:#fff;
border: 1px dashed #000000;
font-size: 10px;
}
/*
elements for the top row
-------------------------------------------------- */
#head  {
position: absolute;
top: 10px;
left: 62px;
width:  740px;
height: 75px;
background-color: #cccc99;
padding: 0px;
margin: 0px;
border: 1px solid #000000;
}

#head td  {
font-size:12px;
font-weight:bold;
color: #ccc;
background-color: transparent;
padding: 0px 0px 0px 20px;
margin: 0px
}
#head h1 {
font-size:11px;
color: #fff;
background-color: #666699;
border-top: 1px dashed #000000;
border-bottom: 1px dashed #000000;
padding: 2px 20px 2px 20px;
margin:  0px;
}

.logotext {
font-size:12px;
font-weight:bold;
color: #369;
width:  100%;
background-color: transparent;
}

/*
elements for the content row
-------------------------------------------------- */
#content  {
background-color:transparent;
position: absolute;
top: 90px;
left: 62px;
width: 530px;
padding: 0px;
margin: 10px 0px 0px 0px;

}

.post {
position: static;
width: 530px;
min-height:500px;
background: url(bg.jpg) top left no-repeat;
border: 1px solid #000000;
padding: 0px;
margin: 0px 0px 0px 0px;
}

td {
font-size:11px;
}

.p {
padding: 0px 10px 0px 10px;
margin:  10px  0px  10px  0px;
}

.post h1 {
font-size:14px;
color: #369;
background-color: #fff;
border-bottom: 1px dashed #000000;
padding: 0px 0px 0px 0px;
margin:  0px  0px 0px  0px;
}

/*
elements for the navigation
-------------------------------------------------- */
#navi {
position: absolute;
top: 90px;
left: 602px;
width: 200px;
padding: 0px;
margin: 10px  0px  0px  0px;
}

#navicontent  {
background-color: #CCCC99;
top: 90px;
left: 589px;
width: 100%;
border-bottom: 1px dashed #000000;
border-left: 1px dashed #000000;
border-right: 1px dashed #000000;
}

#moblog  {
width: 100%;
background-color: #ccc;
padding: 0px;
margin: 0px;
}

#navi p {
line-height: 15px;
padding: 10px 20px 15px 20px;
margin: 0px;}

#navi h1 {
font-size:11px;
color: #fff;
background-color: #666699;
border-top: 1px dashed #000000;
border-bottom: 1px dashed #000000;
padding: 2px 20px 2px 20px;
margin:  0px;
}

cu,

Kai

[schwarze Piste]

Tachchen!

ist da sicher nichts zu machen??

Aber sicher doch! ;-)

Netterweise ist der IE nämlich nicht nur zu dusselig, min-height zu
interpretieren, er behandelt stattdessen auch noch height wie min-height.

Also musst du nur dem IE height anbieten und anschleßend, versteckt
hinter einem Selektor, den der IE nicht versteht, diese Höhe auf auto
setzen und min-height ergänzen.

Gruß

Die schwarze Piste

[kai]

tach auch!
 »» Aber sicher doch! ;-)
gott sei dank!

Also musst du nur dem IE height anbieten und anschleßend, versteckt
hinter einem Selektor, den der IE nicht versteht, diese Höhe auf auto setzen und min-height ergänzen.

wie setze ich etwas in den versteckten sector ? ;-)?

irgendwie mit hidden ?!?

THX Kai

[Alexander Brock]

Hallo,

Also musst du nur dem IE height anbieten und anschleßend, versteckt
hinter einem Selektor, den der IE nicht versteht, diese Höhe auf auto setzen und min-height ergänzen.

Ich würde es zunächst für echte Browser definieren
und dann mit
* html element
nochmal für den für den IE.

Gruß
Alexander Brock

[kai]

hi

* html element ????

bin neu im xhtml bereich habe die ganze zeit zwar schon text und links per css formartiert aber das ist meine erste css layout gesteuerte site!!!

also ich hab meine größen festgelegt

#content  {
background-color:transparent;
position: absolute;
top: 90px;
left: 62px;
width: 530px;
height: 503px;
padding: 0px;
margin: 10px 0px 0px 0px;

}

und dann??

thx Kai

nochmal für den für den IE.

[Alexander Brock]

Hallo,

bin neu im xhtml bereich habe die ganze zeit zwar schon text und links per css formartiert aber das ist meine erste css layout gesteuerte site!!!

Dann lass dich nicht entmutigen :-)

also ich hab meine größen festgelegt

und dann??

so:

#content  {
background-color:transparent;
position: absolute;
top: 90px;
left: 62px;
width: 530px;
min-height: 503px;
/* Mindesthöhe für Browser */
padding: 0px;
margin: 10px 0px 0px 0px;
}

* html #content {
/*Dieser Selektor ist schwachsinnig.
es gibt in XHTML kein höheres Element als html.
Der IE selektiert trotzdem den #content.*/
height: 503px;
}

Gruß
Alexander Brock

[schwarze Piste]

Tachchen!

wie setze ich etwas in den versteckten sector ? ;-)?

*hüstel*

Selektor ... und das ist ein echtes Basic in Sachen CSS.
Aber wenn du mit den Stichworten "min-height IE css" mal Google fütterst,
findest du bestimmt auch sofort reihenweise Lösungen für dein Problem.

Gruß

Die schwarze Piste

[kai]

werde ich heute abend mal machen !!

danke mal für den tip Kai

[kai]

Tachchen!

es funzt !!
aller Anfang ist schwer ;-)

grüße aus der Pfalz Kai