IE7 : Rahmen mit CSS!

TheViper · 22.04.2006, 14:30

Hallo!

Also ich möchte gerne einen Rahmen haben (border-bottom um genau zu sein). Das ist ja auch wirklich kein Problem. Zumindest fast kein Problem. Mit Firefox und Opera wird dieser auch, so wie ich es will, angezeigt. Wenn ich die Seite mit dem Internet Explorer 7 beta 2 aufrufe sehe ich jedoch keinen Rahmen.

Ich habe mir gedacht den css Code border-bottom: 5px groove #000000; mit Hilfe von style="" direkt in das Element zu schreiben. Da wird jedoch auch nichts angezeigt.

Was für befehle erwartet den der IE7 nun dafür?

Man ich kann die dämlichen Unterschiede zwischen den einzelnen Browsern nicht leiden. Warum kann nicht jeder den gleichen Code akzeptieren und fertig...darüber kann man sich wirklich aufregen.

MfG
TheViper

satre · 22.04.2006, 14:36

Bei mir zeigt der IE zumindest noch eine schwarze Linie bei groove an. Er scheints wohl nicht zu können.

TheViper · 22.04.2006, 14:53

Tatsächlich! Bei mir ist es jetzt genau so. Ich habe das style="" wohl falsch gesetzt.

Es stimmt aber. Groove geht leider nicht. Hoffentlich wird das in der finalen Version ander sein.

MfG
TheViper

satre · 22.04.2006, 14:58

Komisch, laut Dr. Web sollte der IE "groove" eigentlich beherrschen.

TheViper · 25.04.2006, 17:14

Ich poste mein neues Problem einfach in diesen Thread!

Jetzt habe ich wirklich keine Lust mehr....kann den Opera keine Maße lesen?

Schaut euch einfach folgendes an.

Das erste Bild zeigt die Ausgabe des IE und Firefox und das zweite die Ausgabe von Opera...

MfG
TheViper

satre · 25.04.2006, 17:15

Mit dem Quelltext könnte man mehr anfangen.

TheViper · 25.04.2006, 17:31

Das Stimmt! *g*

Also hier sieht man den Quelltext des Formulares!

Code:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<head>
    <title>Website Empfehlung</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" type="text/css" href="design/empf_form.css" />
</head>
<body>
    <form name="form_empf" action="" method="post">
    <div id="master">
      <div id="title" style="border-bottom: 3px groove #000000"><span id="ti">.:: Website Empfehlung ::.</span></div>
      <div id="area_r"></div>
      <span id="left">Dein Name*:</span>
      <span id="right"><input type="text" name="form_uname" value="" id="inp" /></span>
      <br>
      <span id="left">Deine EMail*:</span>
      <span id="right"><input type="text" name="form_uemail" value="" id="inp" /></span>
      <br>
      <span id="left">Wiederholen*:</span>
      <span id="right"><input type="text" name="form_uemail_r" value="" id="inp" /></span>
      <br>
      <span id="left">Name des Empf&auml;ngers*:</span>
      <span id="right"><input type="text" name="form_aname" value="" id="inp" /></span>
      <br>
      <span id="left">Email Adresse*:</span>
      <span id="right"><input type="text" name="form_aemail" value="" id="inp" /></span>
      <br>
      <span id="left">Wiederholen*:</span>
      <span id="right"><input type="text" name="form_aemail" value="" id="inp" /></span>
    </div>
    </form>
</body>
</html>

...hier die Angabe, welche nicht korrekt angezeigt wird. Diese befindet sich in einer externen Datei.

Code:

#inp {
    height: 0.76em;
}

Hmm ich sehe gerade, dass ich <span id="right" weglassen kann und float:right; einfach in #input einfügen kann.

MfG
TheViper

Nightline · 25.04.2006, 17:45

Du vergibst ID's mehrfach, was eigentlich nicht zulässig ist. Erstelle dir anstelle von ID's Klassen, die darfst du mehrmals verwenden. Möglicherweise ist das bereits die Lösung des Problems.

TheViper · 25.04.2006, 17:50

Tatsächlich und schon wieder wurde ich schlauer. Dankeschön an euch beide.

MfG
TheViper

Hausmaster · 25.04.2006, 18:28

Zitat:

Zitat von Nightline

Du vergibst ID's mehrfach, was eigentlich nicht zulässig ist. Erstelle dir anstelle von ID's Klassen, die darfst du mehrmals verwenden. Möglicherweise ist das bereits die Lösung des Problems.

der neue IE iss aber streng!

Adromir · 25.04.2006, 18:31

Na wenigstens etwas