HTML: DIV im IE ausrichten

Seite 1 von 1 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/html_div_im_ie_ausrichten_163199/page_1 - zur Vollversion wechseln!

DJ_Cyberdance schrieb am 18.05.2006 um 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?

Spikx schrieb am 18.05.2006 um 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.

DJ_Cyberdance schrieb am 19.05.2006 um 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 schrieb am 19.05.2006 um 00:29

Hm, zeig mal den Rest her.

DJ_Cyberdance schrieb am 19.05.2006 um 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 schrieb am 19.05.2006 um 10:32

Hm.. damn.. kA warums net geht

hynk schrieb am 19.05.2006 um 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 schrieb am 19.05.2006 um 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 schrieb am 19.05.2006 um 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 schrieb am 19.05.2006 um 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.