Firefox + Divs

Anubis2183 · 23.05.2005, 08:10

Ich erstellte eine Seite mit einigen Divs. Nun nimmt er die Divs als Overlay an und daher möchte ich wissen, wie ich die Elemente vernünftig positionieren kann.

supertramp · 23.05.2005, 08:22

http://www.css4you.de/wslayout1/index.html

Anubis2183 · 23.05.2005, 10:10

Und warum stellt der IE die Elemente nachfolgend dar und der FF alles übereinander?

Webunni.de · 23.05.2005, 13:02

kann man schlecht sagen sp ohne code. haste denn float drin?

Anubis2183 · 26.05.2005, 16:38

Sorry, hat etwas länger gedauert.

PHP-Code:

  <?php

<body>

  <div>

    <!--

       äußerstes Div:

         text-align:center;

         vertical-align:middle;

         margin:0px;

         padding:0px;

         width:750px;

         height:100%;

    -->

    <div style="height:10%;"></div>

    <div>

      <!-- 

        Navigation:         

          width:32%;

          border-collapse:collapse;

          margin:0px;

          padding:0px;

          vertical-align:middle;

          float:left;

      --> 

    </div>

    <div style="width:67%;vertical-align:top;">

      <div>

        <!-- 

          Infoleiste: 

            text-align:right;

            width:100%;

            float:left;

            border-style:none none dashed none;

            border-color:#5F6F8B;

            border-width:2px;

        -->

      </div>

      <div>

        <!-- 

          Inhalt:

            vertical-align:middle;

            text-align:center;

        -->

      </div>

  </div>

</body>

 
</html>

?>

26.05.2005, 16:49

Zitat:

Und warum stellt der IE die Elemente nachfolgend dar und der FF alles übereinander?

Mal abgesehn, dass man nicht viel sieht wenn man dein Quellcode probiert, werden die DIVs schon untereinander dargestellt - auch im IE.
Nur beim FF wird das DIV "banner" etwas höher dargestellt, sicher wegen der Prozent-Angabe.

faux · 26.05.2005, 18:57

Wenn du im IE eine width-Angabe machst, die zu klein ist, als der Text der drinnen ist, dann vergrößert er diese, wass er eigentlich nicht machen dürfte, aber Microsoft will das halt so.
Firefox vergrößert die nicht, was auch richtig ist so.

http://barrierefrei.e-workers.de/wor...fun/index1.php -> 1. Beispiel

Anubis2183 · 27.05.2005, 18:02

Das man nichts sehen kann, ist mir klar. Ich wollte lediglich die Divs zeigen. Was kann ich jetzt gegen diesen Fehler tun?

27.05.2005, 18:04

Zeig halt mal nen Link dass man das nachvollziehen kann...

Anubis2183 · 28.05.2005, 16:10

Leider habe ich noch keinen Server, wo ich das hochladen könnte.

Es soll aber oben der Banner sein -width:100% / height:20%-,
dann darunter links die Navigationsleiste -width:25%-, rechts daneben 2 Spalten.
Oben eine Art Infoleiste -height:10%- und
darunter dann der Inhalt -height:70%-.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
2 Div's zentrieren	pfump	HTML, Usability und Barrierefreiheit	7	24.04.2008 10:57
[CSS] Darstellungsproblem von DIVs	Sirke	HTML, Usability und Barrierefreiheit	1	25.01.2008 23:00
Formular mit DIVs	Aris Sung	HTML, Usability und Barrierefreiheit	2	25.11.2007 14:09
Firefox / IE - ungeahnte Statistik	pepe24	Off-Topic Diskussionen	10	30.04.2007 16:46
Firefox will mein 3-spaltiges Layout mit Footer nicht (CSS)!	vampsoftchef	HTML, Usability und Barrierefreiheit	1	28.02.2007 00:22
DIV's untereinander -> Problem	snatch-ic	HTML, Usability und Barrierefreiheit	1	05.02.2007 12:39
templates oder css mit firefox	rbs_phoenix	HTML, Usability und Barrierefreiheit	1	30.10.2006 15:24
[Erledigt] window.location.href mit firefox		HTML, Usability und Barrierefreiheit	15	18.11.2005 17:49
[Erledigt] shiftKey bei Firefox abfragen		HTML, Usability und Barrierefreiheit	2	05.08.2005 15:08
Problem mit PFad Firefox - Verzeichnis löschen		PHP Tipps 2005-2	0	19.07.2005 16:05
Deer Park Alpha 1 (=Mozilla Firefox 1.1)		Off-Topic Diskussionen	15	09.07.2005 02:32
[Erledigt] verfluchter Firefox		HTML, Usability und Barrierefreiheit	5	08.07.2005 22:51
Fehler mit Hintergrund bei DIV's - Im Firefox - Help me :-(		HTML, Usability und Barrierefreiheit	20	27.05.2005 10:39
divs & css: firefox und netscape machen was sie wollen	Baltasar	HTML, Usability und Barrierefreiheit	5	15.03.2005 11:26
[Erledigt] drei divs nebeneinander		HTML, Usability und Barrierefreiheit	5	10.01.2005 20:27

23.05.2005, 08:10
Anubis2183 Benutzer Registriert seit: 19.10.2004 Beiträge: 60	Firefox + Divs Ich erstellte eine Seite mit einigen Divs. Nun nimmt er die Divs als Overlay an und daher möchte ich wissen, wie ich die Elemente vernünftig positionieren kann. __________________ Analysieren heißt, etwas kaputt machen unter dem Vorwand, man wolle nachsehen, wie es arbeitet. [unbekannt]


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

23.05.2005, 08:22
supertramp Erfahrener Benutzer Registriert seit: 01.12.2003 Beiträge: 4.113	http://www.css4you.de/wslayout1/index.html __________________ Aufstrebend, kompetent und werbefrei. www.developers-guide.net

23.05.2005, 10:10
Anubis2183 Benutzer Registriert seit: 19.10.2004 Beiträge: 60	Und warum stellt der IE die Elemente nachfolgend dar und der FF alles übereinander? __________________ Analysieren heißt, etwas kaputt machen unter dem Vorwand, man wolle nachsehen, wie es arbeitet. [unbekannt]

23.05.2005, 13:02
Webunni.de Erfahrener Benutzer Registriert seit: 09.03.2004 Beiträge: 601	kann man schlecht sagen sp ohne code. haste denn float drin? __________________ yeah montag ab nach holland

26.05.2005, 16:38
Anubis2183 Benutzer Registriert seit: 19.10.2004 Beiträge: 60	Sorry, hat etwas länger gedauert. PHP-Code: <?php <body> <div> <!-- äußerstes Div: text-align:center; vertical-align:middle; margin:0px; padding:0px; width:750px; height:100%; --> <div style="height:10%;"></div> <div> <!-- Navigation: width:32%; border-collapse:collapse; margin:0px; padding:0px; vertical-align:middle; float:left; --> </div> <div style="width:67%;vertical-align:top;"> <div> <!-- Infoleiste: text-align:right; width:100%; float:left; border-style:none none dashed none; border-color:#5F6F8B; border-width:2px; --> </div> <div> <!-- Inhalt: vertical-align:middle; text-align:center; --> </div> </div> </body> </html> ?> __________________ Analysieren heißt, etwas kaputt machen unter dem Vorwand, man wolle nachsehen, wie es arbeitet. [unbekannt]

26.05.2005, 18:57
faux Erfahrener Benutzer Registriert seit: 22.03.2005 Beiträge: 355	Wenn du im IE eine width-Angabe machst, die zu klein ist, als der Text der drinnen ist, dann vergrößert er diese, wass er eigentlich nicht machen dürfte, aber Microsoft will das halt so. Firefox vergrößert die nicht, was auch richtig ist so. http://barrierefrei.e-workers.de/wor...fun/index1.php -> 1. Beispiel __________________ Wer weiß dass er nichts weiß, weiß mehr, als der der nicht weiß dass er nichts weiß. www.e-faux.com

27.05.2005, 18:02
Anubis2183 Benutzer Registriert seit: 19.10.2004 Beiträge: 60	Das man nichts sehen kann, ist mir klar. Ich wollte lediglich die Divs zeigen. Was kann ich jetzt gegen diesen Fehler tun? __________________ Analysieren heißt, etwas kaputt machen unter dem Vorwand, man wolle nachsehen, wie es arbeitet. [unbekannt]

27.05.2005, 18:04
Gast Beiträge: n/a	Zeig halt mal nen Link dass man das nachvollziehen kann...

28.05.2005, 16:10
Anubis2183 Benutzer Registriert seit: 19.10.2004 Beiträge: 60	Leider habe ich noch keinen Server, wo ich das hochladen könnte. Es soll aber oben der Banner sein -width:100% / height:20%-, dann darunter links die Navigationsleiste -width:25%-, rechts daneben 2 Spalten. Oben eine Art Infoleiste -height:10%- und darunter dann der Inhalt -height:70%-. __________________ Analysieren heißt, etwas kaputt machen unter dem Vorwand, man wolle nachsehen, wie es arbeitet. [unbekannt]