PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : css: Ist das korrekte css-Schreibweise?



ContainerDriver
18-02-2004, 18:49
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
18-02-2004, 20:43
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
19-02-2004, 17:27
Danke, das


width:360px;
height:300px;


hat mir geholfen!

MfG

FLorian

panzi
20-02-2004, 22:47
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
23-02-2004, 17:19
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
11-03-2004, 20:51
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
12-03-2004, 10:30
Min-width funktioniert nur mit Netscape ab 6.x !!

panzi
12-03-2004, 12:49
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
12-03-2004, 17:44
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
14-03-2004, 01:07
<div id="content" class="content">

Wofür gibts die ID ?