[HTML/CSS] width und height keine W3C Attribute?

hurga_gonzales

Captain

Registriert

Aug. 2004

Beiträge

3.236

• 1. August 2005

• #1

Hi,

mich wundert grad was. Vielleicht kann mich da jemand bestätigen - eventuell verwende ich die Attribute auch falsch.

<span style="width: 200px; height: 200px; background-color: #efefef;">Blaaaaah</span>

Das ergibt in IE eine Inline-Box mit 200px im Quadrat und grauem Hintergrund. Der Firefox ignoriert width und height komplett.

Nun ist meine Frage, ob diese Attribute nur vom IE erkannt werden und es sich dabei nicht um W3C konforme Angaben handelt. Das wäre mir neu, bzw. da hätt' ich wieder was dazugelernt.

Danke und bis dann
Hurga

 

B

Benjamin_L

Commander

Registriert

Dez. 2004

Beiträge

2.505

• 1. August 2005

• #2

<span> ist ein Inline- und kein Box Element und deswegen macht es keinen Sinn Höhe und Breite zu definieren. Was du willst ist <div>!

 

hurga_gonzales

Captain

Ersteller dieses Themas

Registriert

Aug. 2004

Beiträge

3.236

• 1. August 2005

• #3

Alles klar, danke - wollte nur sicher gehen. Der IE (wie immer) versteht width und height in Styles zu einem SPAN.

Danke
Hurga

 

Sgt_H4rtman

Ensign

Registriert

Dez. 2003

Beiträge

254

• 1. August 2005

• #4

Genau das, was mein Vorredner schon sagte. Ich wollte nur noch ergänzen: Um ein Block-Element als Inline Lement erscheinen zu lassen, verwendet man die CSS-Eigenschaft: float.


Ciao

 

B

Benjamin_L

Commander

Registriert

Dez. 2004

Beiträge

2.505

• 1. August 2005

• #5

@hurga_gonzales: ja, aber rein theoretisch macht es hald keinen Sinn
http://www.bs-markup.de/archiv/2005/01/15/block-vs-inline-teil-i-vergleich/

 

hurga_gonzales

Captain

Ersteller dieses Themas

Registriert

Aug. 2004

Beiträge

3.236

• 1. August 2005

• #6

Ach, wenn wir schon grade dabei sind.

Warum macht eigentlich der FF unter mein zwischen zwei DIV Blöcken einen größeren Abstand rein als der IE, der das zweite DIV direkt an das erste anhängt?

Beide Divs sind mit margin-top und margin-bottom 0px eingestellt.

Dank und Grüße
Hurga

 

HoRnominatoR

Lt. Junior Grade

Registriert

Dez. 2004

Beiträge

302

• 1. August 2005

• #7

S.Giny schrieb:

Genau das, was mein Vorredner schon sagte. Ich wollte nur noch ergänzen: Um ein Block-Element als Inline Lement erscheinen zu lassen, verwendet man die CSS-Eigenschaft: float.

Zum Vergrößern anklicken....

das stimm tso nicht. um ein element aus dem fluss zu nehmen, nimm man float. um elementen die block-eigenschaft zu geben oder zu entziehen nimmt man display.

 

V1tzl1

Lt. Junior Grade

Registriert

Sep. 2004

Beiträge

384

• 1. August 2005

• #8

Wegen den zwei Div's, hasst du vielleicht noch padding definiert, das kann dir nämlich auch passieren, das es daran liegt

 

Sgt_H4rtman

Ensign

Registriert

Dez. 2003

Beiträge

254

• 2. August 2005

• #9

HoRnominatoR schrieb:

das stimm tso nicht. um ein element aus dem fluss zu nehmen, nimm man float. um elementen die block-eigenschaft zu geben oder zu entziehen nimmt man display.

Zum Vergrößern anklicken....

Das mag ja sein. Aber einem Inline-Element kann man nun mal keine Höhen und Weiten Angaben zuweisen. Um den von ihm gewünschten Effekt zu erreichen, muss er float verwenden. Denn wenn er dem DIV das display:inline zuweist, ist er bei genau dem gleichen Stand wie vorher auch. Der IE ist naturgemäß wenig streng und interpretiert, was der Designer ihm damit sagen will, der FF nimmt's halt etwas genauer.


Ciao

 

F

Floele

Cadet 3rd Year

Registriert

Aug. 2005

Beiträge

40

• 4. August 2005

• #10

S.Giny schrieb:

Um den von ihm gewünschten Effekt zu erreichen, muss er float verwenden. Denn wenn er dem DIV das display:inline zuweist, ist er bei genau dem gleichen Stand wie vorher auch.

Zum Vergrößern anklicken....

Das ist doch Quatsch.
Der Vorredner meinte bestimmt nicht display:inline; sondern display:block;
Durch float wird ein Element aus dem Fluss genommen - laut Spezifikation wird das Element dabei zwangsweise auch ein Blockelement (display:block);

Anders gesagt: float hat überhaupt nichts damit zu tun ob man einem Element Größenangaben geben kann oder nicht. Dass float Größenangeben ermöglicht ist lediglich ein Nebeneffekt. Entscheidend ist das display:block;