HTML: DIV im IE ausrichten

DJ_Cyberdance

Here to stay

Registered: Jun 2002
Location: Vesterålen
Posts: 1838

18.05.2006 - 23:28

Folgendes möcht ich verwenden:

Code:

<div style='position: absolute; 
            top: 60px; 
            bottom: 60px; 
            width: 800px;
            height: auto; 
            background-color: #FFFFFF; 
            color: #AAAAAA;'>

Dh. Die Höhe des <div> soll also von der Größe abhängig sein - von oben 60px Abstand und von unten auch, dadurch ergibt sich die Höhe von selbst. Funktioniert im Firefox perfekt, der ändert die Größe des <div> sogar beim Ändern der Größe des Browserfensters. Beim Opera muß man nach dieser Änderung aktualisieren, dann klappts auch. Beim IE 5 wird so ein <div> aber gar nicht dargestellt. Meine Frage: Gibts einen Trick, wie ich dem IE 5 das beibringen kann, daß er die Größe des <div> von der Größe des Browserfensters abhängig machen soll?

Bearbeitet von DJ_Cyberdance am 18.05.2006, 23:40

Spikx

My Little Pwny

Registered: Jan 2002
Location: Scotland
Posts: 13497

18.05.2006 - 23:55

Jo, zB mitn IE Margin Fix... der is aber schon ziemlich alt und ich hab auch schon einige andere, neuere JavaScript hacks gesehen, die dem IE manieren beibringen

Aber kA was die sonst noch alles machen.

Am besten mit

Code: PHP

<!--[if IE]>
  <script src="IEFix.js" type="text/javascript"></script>
<![endif]-->

einbinden.

iefix_js_94564.txt (downloaded 47x)

DJ_Cyberdance

Here to stay

Registered: Jun 2002
Location: Vesterålen
Posts: 1838

19.05.2006 - 00:11

Zitat von Spikx
Jo, zB mitn IE Margin Fix...

*seufz* Schön wärs, leider ändert sich damit genau nichts

Trotzdem Danke!

Zitat
der is aber schon ziemlich alt und ich hab auch schon einige andere, neuere JavaScript hacks gesehen, die dem IE manieren beibringen

Ok ich werd mal suchen, vielleicht find ich ja da was...

Spikx

My Little Pwny

Registered: Jan 2002
Location: Scotland
Posts: 13497

19.05.2006 - 00:29

Hm, zeig mal den Rest her.

DJ_Cyberdance

Here to stay

Registered: Jun 2002
Location: Vesterålen
Posts: 1838

19.05.2006 - 00:43

Hm, viel Rest gibts derzeit noch nicht. Im Stylesheet hab ich:

Code:

div {
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

overflow: hidden, damit der IE auch <div> mit sehr geringer Höhe richtig anzeigt, dazu ist er sonst nämlich zu blöd.

Das HTML-file enthält bis dato auch nicht viel, eigentlich nur ein paar Zeilen zum Testen:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
           "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
      <link href='./style.css' type='text/css' rel='stylesheet' />
      <!-- compliance patch for microsoft browsers -->
      <!--[if lt IE 7]>
      <script src="/javascript2/ie7-standard-p.js" 
           type="text/javascript">
      </script>
      <![endif]-->
   </head>
   <body onResize="window.location.href = window.location.href;">
      <div style='position: absolute; top: 0px; left: 0px; height: 
           50px; width: 800px;'>
          <a href='./index.php'><img src='./art/title.gif' alt='' 
           style='width: 345px; height: 45px;' /></a>
      </div>
      <div style='position: absolute; top: 50px; left: 0px; height: 
           5px; width: 800px; background-color: #FFFFFF;'>
      </div>
      <div style='position: absolute; top: 60px; bottom: 60px; height:
           auto; width: 800px; background-color: #FFFFFF; color: 
            #AAAAAA;'>
      test
      </div>
      <div style='position: absolute; bottom: 50px; left: 0px; height:
           5px; width: 800px; background-color: #FFFFFF;'>
      </div>
   </body>
</html>

Was ich erreichen will ist, daß der Seiteninhalt in einem scrollbaren <div> aufgebaut wird, Seitenkopf und -fuß aber immer am oberen bzw. unteren Ende des Browserfensters zu sehen sind. Jedenfalls muß aber das <div> die restliche Fensterhöhe einnehmen.

Spikx

My Little Pwny

Registered: Jan 2002
Location: Scotland
Posts: 13497

19.05.2006 - 10:32

Hm.. damn.. kA warums net geht

hynk

Vereinsmitglied
like totally ambivalent

Registered: Apr 2003
Location: Linz
Posts: 11084

19.05.2006 - 10:39

wennst einfach einen <div> nimmst und auf 100% stellst und dem ein padding von 60 gibst und dann den rest da hinein haust?
das müsst doch gehn oder?

andre möglichkeit wär vielleicht noch der seite oben und unten ein margin von 60 zu geben.

kann auch sein dass ich grad noch total neben mirsteh. aber probiern würd ichs

DJ_Cyberdance

Here to stay

Registered: Jun 2002
Location: Vesterålen
Posts: 1838

19.05.2006 - 10:54

Zitat von hynk
andre möglichkeit wär vielleicht noch der seite oben und unten ein margin von 60 zu geben.

Das mitm margin könnt klappen... Aber es is gepfuscht. Aber das muß man beim IE offenbar. Ärgerlich. Kann man den Browser nicht einfach global verbieten?

hynk

Vereinsmitglied
like totally ambivalent

Registered: Apr 2003
Location: Linz
Posts: 11084

19.05.2006 - 10:57

Zitat von DJ_Cyberdance
Das mitm margin könnt klappen... Aber es is gepfuscht. Aber das muß man beim IE offenbar. Ärgerlich. Kann man den Browser nicht einfach global verbieten?

das is mein spruch

schauma mal wies beim neuen IE sein wird

DJ_Cyberdance

Here to stay

Registered: Jun 2002
Location: Vesterålen
Posts: 1838

19.05.2006 - 13:26

Zitat von hynk
wennst einfach einen <div> nimmst und auf 100% stellst und dem ein padding von 60 gibst und dann den rest da hinein haust?
das müsst doch gehn oder?
andre möglichkeit wär vielleicht noch der seite oben und unten ein margin von 60 zu geben.

Habs ausprobiert, da kommt leider kein Browser wirklich klar damit.

DJ_Cyberdance Here to stay Registered: Jun 2002 Location: Vesterålen Posts: 1838	18.05.2006 - 23:28 Folgendes möcht ich verwenden: Code: `<div style='position: absolute; top: 60px; bottom: 60px; width: 800px; height: auto; background-color: #FFFFFF; color: #AAAAAA;'>` Dh. Die Höhe des <div> soll also von der Größe abhängig sein - von oben 60px Abstand und von unten auch, dadurch ergibt sich die Höhe von selbst. Funktioniert im Firefox perfekt, der ändert die Größe des <div> sogar beim Ändern der Größe des Browserfensters. Beim Opera muß man nach dieser Änderung aktualisieren, dann klappts auch. Beim IE 5 wird so ein <div> aber gar nicht dargestellt. Meine Frage: Gibts einen Trick, wie ich dem IE 5 das beibringen kann, daß er die Größe des <div> von der Größe des Browserfensters abhängig machen soll? Bearbeitet von DJ_Cyberdance am 18.05.2006, 23:40
Spikx My Little Pwny Registered: Jan 2002 Location: Scotland Posts: 13497	18.05.2006 - 23:55 Jo, zB mitn IE Margin Fix... der is aber schon ziemlich alt und ich hab auch schon einige andere, neuere JavaScript hacks gesehen, die dem IE manieren beibringen Aber kA was die sonst noch alles machen. Am besten mit Code: PHP `<!--[if IE]> <script src="IEFix.js" type="text/javascript"></script> <![endif]-->` einbinden. iefix_js_94564.txt (downloaded 47x)
DJ_Cyberdance Here to stay Registered: Jun 2002 Location: Vesterålen Posts: 1838	19.05.2006 - 00:11 Zitat von Spikx Jo, zB mitn IE Margin Fix... seufz Schön wärs, leider ändert sich damit genau nichts Trotzdem Danke! Zitat der is aber schon ziemlich alt und ich hab auch schon einige andere, neuere JavaScript hacks gesehen, die dem IE manieren beibringen Ok ich werd mal suchen, vielleicht find ich ja da was...
Spikx My Little Pwny Registered: Jan 2002 Location: Scotland Posts: 13497	19.05.2006 - 00:29 Hm, zeig mal den Rest her.
DJ_Cyberdance Here to stay Registered: Jun 2002 Location: Vesterålen Posts: 1838	19.05.2006 - 00:43 Hm, viel Rest gibts derzeit noch nicht. Im Stylesheet hab ich: Code: `div { padding: 0px; margin: 0px; overflow: hidden; }` overflow: hidden, damit der IE auch <div> mit sehr geringer Höhe richtig anzeigt, dazu ist er sonst nämlich zu blöd. Das HTML-file enthält bis dato auch nicht viel, eigentlich nur ein paar Zeilen zum Testen: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link href='./style.css' type='text/css' rel='stylesheet' /> <!-- compliance patch for microsoft browsers --> <!--[if lt IE 7]> <script src="/javascript2/ie7-standard-p.js" type="text/javascript"> </script> <![endif]--> </head> <body onResize="window.location.href = window.location.href;"> <div style='position: absolute; top: 0px; left: 0px; height: 50px; width: 800px;'> <a href='./index.php'><img src='./art/title.gif' alt='' style='width: 345px; height: 45px;' /></a> </div> <div style='position: absolute; top: 50px; left: 0px; height: 5px; width: 800px; background-color: #FFFFFF;'> </div> <div style='position: absolute; top: 60px; bottom: 60px; height: auto; width: 800px; background-color: #FFFFFF; color: #AAAAAA;'> test </div> <div style='position: absolute; bottom: 50px; left: 0px; height: 5px; width: 800px; background-color: #FFFFFF;'> </div> </body> </html> Was ich erreichen will ist, daß der Seiteninhalt in einem scrollbaren <div> aufgebaut wird, Seitenkopf und -fuß aber immer am oberen bzw. unteren Ende des Browserfensters zu sehen sind. Jedenfalls muß aber das <div> die restliche Fensterhöhe einnehmen.
Spikx My Little Pwny Registered: Jan 2002 Location: Scotland Posts: 13497	19.05.2006 - 10:32 Hm.. damn.. kA warums net geht
hynk Vereinsmitglied like totally ambivalent Registered: Apr 2003 Location: Linz Posts: 11084	19.05.2006 - 10:39 wennst einfach einen <div> nimmst und auf 100% stellst und dem ein padding von 60 gibst und dann den rest da hinein haust? das müsst doch gehn oder? andre möglichkeit wär vielleicht noch der seite oben und unten ein margin von 60 zu geben. kann auch sein dass ich grad noch total neben mirsteh. aber probiern würd ichs
DJ_Cyberdance Here to stay Registered: Jun 2002 Location: Vesterålen Posts: 1838	19.05.2006 - 10:54 Zitat von hynk andre möglichkeit wär vielleicht noch der seite oben und unten ein margin von 60 zu geben. Das mitm margin könnt klappen... Aber es is gepfuscht. Aber das muß man beim IE offenbar. Ärgerlich. Kann man den Browser nicht einfach global verbieten?
hynk Vereinsmitglied like totally ambivalent Registered: Apr 2003 Location: Linz Posts: 11084	19.05.2006 - 10:57 Zitat von DJ_Cyberdance Das mitm margin könnt klappen... Aber es is gepfuscht. Aber das muß man beim IE offenbar. Ärgerlich. Kann man den Browser nicht einfach global verbieten? das is mein spruch schauma mal wies beim neuen IE sein wird
DJ_Cyberdance Here to stay Registered: Jun 2002 Location: Vesterålen Posts: 1838	19.05.2006 - 13:26 Zitat von hynk wennst einfach einen <div> nimmst und auf 100% stellst und dem ein padding von 60 gibst und dann den rest da hinein haust? das müsst doch gehn oder? andre möglichkeit wär vielleicht noch der seite oben und unten ein margin von 60 zu geben. Habs ausprobiert, da kommt leider kein Browser wirklich klar damit.

HTML: DIV im IE ausrichten

Forum Index > Software > Coding Stuff

DJ_Cyberdance

Spikx

DJ_Cyberdance

Spikx

DJ_Cyberdance

Spikx

hynk

DJ_Cyberdance

hynk

DJ_Cyberdance