css: Ist das korrekte css-Schreibweise?

[ContainerDriver]

Hallo Leute,
ich schreib mir gerade eine neue Website. Da ich mit meiner alten Probleme mit dem IE hatte, hab ich mir gedacht, ich baue die neue
Seite ganz simpel auf. Dummerweise sieht sie nun doch mit IE & Konqueror anders aus als mit Opera & Mozilla.
Und zwar möchte ich einen div-Tag mit einem Rahmen aussenrum, einen Bildchen innen drinnen & gleichzeitig soll der Rahmen so groß
sein, dass man das Bildchen ganz sieht. Hier also der css code:



#content
{
position:absolute;
left:180px;
top:20px;
min-width:260px;
min-height:300px;
border:1px solid #FFFFFF;
padding:3px;
padding-top:5px;
background-image:url(black.jpg);
background-repeat:repeat-y;
background-position:top center;
}


Problem: In Opera & Mozilla ist eine


<div id="content">
Hallo Welt
</div>

so groß wie das Hintergrundbild (nämlich 300 px), im Konqueror und IE nicht.

Opera: 7.23
Mozilla: 1.4
Konqueror: 3.1.4
IE: ka (aber wohl 6 oder 5.?, ich persönlich hab kein Win)

MfG

FLorian

[Jana]

Ich würde es mal mit


.content
{
position:absolute;
left:180px;
top:20px;
width:360px;
height:300px;
border:1px solid #FFFFFF;
padding:3px;
padding-top:5px;
background-image:url(black.jpg);
background-repeat:repeat-y;

}
und <div id="content" class="content">
Hallo Welt
</div>

versuchen.
NS4 streikt bei padding
Der IE, NS4,Mac machen bei min-width,min-height nicht mit.

[ContainerDriver]

Danke, das


width:360px;
height:300px;


hat mir geholfen!

MfG

FLorian

[panzi]

Tipp: Verwend einen Code Editor (z.B. Vim ) welcher korrekte Attribute (plus Attributwerte) richtig einfärbt. Dann merkst ob's so ein Attribut gibt. ;)

[ContainerDriver]

Tipp: Verwend einen Code Editor (z.B. Vim ) welcher korrekte Attribute (plus Attributwerte) richtig einfärbt. Dann merkst ob's so ein Attribut gibt.
Danke, mach ich aber schon! ;)
Es ging nur darum, ob das, was ich geschrieben habe, auch SINN macht!

[ThorstenHirsch]

Kann's sein dass min-width, min-height und so CSS 2.0 ist und der IE das nicht beherrscht?
Hab nämlich das gleiche Problem, kann aber nich auf width und height zurückgreifen weil's sonst bei anderen Auflösungen besch....eiden aussieht.

[Jana]

Min-width funktioniert nur mit Netscape ab 6.x !!

[panzi]

Original geschrieben von Jana
Min-width funktioniert nur mit Netscape ab 6.x !!

Hab dazu das gefunden:


min and max

Supported fully by Mozilla and Opera.

Safari only supports max- and min-width, not height.

min-height is supported by Explorer 6 only for table elements inside a table with table-layout: fixed.

Opera 7 doesn't support the value none.


siehe: http://www.quirksmode.org/css/width.html

[Jana]

Ich habe noch etwas gefunden:
http://www.westciv.com/style_master/academy/browser_support/page_layout.html
http://www.free-scripts.net/html_tutorial/css/supportkey/dimension.htm

[Spärbähr]

<div id="content" class="content">

Wofür gibts die ID ?