Relative Höhe für relative Ebene

etreu · 8. Juni 2004

Stylesheetauszug:

div.ebene {

position:relative;

height: 80%;

}

HTML Auszug:



  <div class="ebene">Inhalt</div>

[/PHP]

Problem:

Die Ebene nimmt nicht die Grösse an. Wenn ich Pixel für die Höhe angebe, dann funktioniert es.

***FRAG** · 8. Juni 2004

Also bei mir funktioniert es genau so wie du es geschrieben hast. Ich habe mal ein border:solid hinzugefügt, damit man auch mal sehen kann wie hoch die höhe nun tatsächlich ist (komischer Satz). Bei relativen Angaben ist immer zu beachten dass sie einen Bezugswert brauchen. Der Bezugswert in dem Beispiel ist das Body-Tag. Da dieses über die ganze Seite geht sind 50 % davon auch genau die hälfte der Seite. Ich hoffe es ist ein wenig verständlich geworden. :rolleyes:

<style>

div.ebene {

position:relative;

height: 50%;

border:solid;

}

</style>


<body>

<div class="ebene">Inhalt</div> 

</body>[/PHP]

Den code einfach in eine Textdatei kopieren und im Browser anschauen. Ich habs im Internet Explorer 5.5 getestet.

etreu · 8. Juni 2004

Ich will aber nicht nur den IE. Das das da funktioniert weiss ich schon. Ich will aber dir ordentlichen Browser nicht vernachlässigen.

***FRAG** · 9. Juni 2004

Tja da wirst du es aber nicht so leicht haben, denn viele im CSS 1.0 definierten Eigenschaften werden nur vom IE unterstützt oder manche auch nur vom Netscape. Und du wirst es nicht glauben aber es gibt sogar CSS 2.0 Standards die noch von keinem Browser unterstützt werden. Da ist das CSS den Browsern praktisch schon voraus. Und da hast Du oder ich wenig Einfluss drauf.

Tut mir leid.

Self Html

Pinhead · 9. Juni 2004

Hi,

hab gerade mal den von Diafragma geposteten Code in Mozilla laufen lassen und das verhält sich genauso wie im IE. Bei welchen Browsern tritt das Problem den bei dir auf ?

etreu · 9. Juni 2004

So. Jetzt zum testen online unter test.e-treu.de.

Bei mir tritt der Fehler auf. Ist noch ein weiterer Fehler im Skript, also nicht wundern, dass bei contact und coding der Inhalt fehlt.

Stylesheet liegt unter test.e-treu.de/style/xsl.css

Also wer will kann sich gern probieren. Wäre dankbar.

computercrustie · 10. Juni 2004

Genau das gleiche Problem habe ich beim Mozilla auch schon festgestellt:


div

{

 border: 1px solid #000;

}

div.inner1

{

  width: 80%;

}

div.inner2

{

  width: 80%;

}


<div>

 <div class="inner1">

   <div class="inner2">

   </div>

 </div>

</div>

Sollte eigentlich drei jeweils innerhalb liegende Ebenen ergeben, macht Mozilla leider nicht (im Gegensatz zum IE). Mozilla nimmt hier als Bezugsgröße zu den 80% die Breite des äußersten div statt des direkt übergeordneten.

etreu · 11. Juni 2004

So, ich habe wieder etwas rumprobiert. Dabei habe ich die Datei auf das Notwendigste beschränkt und die styles sogar direkt in das Tag geschrieben.

Aufbau:


DTD

HTML

  HEAD

  /HEAD

  BODY

    DIV (mit style)

    /DIV

  /BODY

/HTML

Jetzt kommts:

So war der Fehler noch da. Sobald ich die DTD entferne klappt es. :eek: Verückt, oder? :WD

kills · 13. Juni 2004

So, ich habe wieder etwas rumprobiert. Dabei habe ich die Datei auf das Notwendigste beschränkt und die styles sogar direkt in das Tag geschrieben.
Aufbau:
DTD

HTML

  HEAD

  /HEAD

  BODY

    DIV (mit style)

    /DIV

  /BODY

/HTML
Jetzt kommts:
So war der Fehler noch da. Sobald ich die DTD entferne klappt es. :eek: Verückt, oder? :WD

dieses Problem habe ich auch schon festgestellt bei relativen höhen angaben mit dem IE.

Wie ist deine DTD genau?

bei mir hat es gereicht einfach anstatt von HTML4.? HTML4.0 zu schreiben

etreu · 14. Juni 2004

Ich habe folgende probiert (jeweils mit und ohne Angabe der DTD).



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

[/PHP]

bei mir hat es gereicht einfach anstatt von HTML4.? HTML4.0 zu schreiben

???

kills · 14. Juni 2004

Ich hab nochma nachgeschlagen!

mein fehler war bei mir so:

damit gings nicht:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

damit gings


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.1//EN">

etreu · 14. Juni 2004

Bleibt bei mir allerdings ohne Erfolg.

Hast du dann mal probiert dann deine Seite zu validieren?

kills · 14. Juni 2004

Bleibt bei mir allerdings ohne Erfolg.

Hast du dann mal probiert dann deine Seite zu validieren?

validieren haut nicht hin mit dem doctype!

zum Thema validieren:

ich hab mir auch schon in letzter zeit immer wieder pages gebaut, und diese mit dem onlinevalidator validiert, aber das ist immer noch keine Garantie dafür, das deine Seite in allen Bowsern funzt, bzw. "richtig"/"gleich" aussieht

Anmelden

Relative Höhe für relative Ebene

Empfohlene Beiträge

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Dein Kommentar

Fachinformatiker Jobs

Fachinformatiker.de, 2024 by SE Internet Services

Links

Fachinformatiker.de App

Kontakt

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte