Herzlich Willkommen, lieber Gast!
  Sie befinden sich hier:

  Forum » HTML / XML / XHTML » DIV's mit 100% breite und höhe

Forum | Hilfe | Team | Links | Impressum | > Suche < | Mitglieder | Registrieren | Einloggen
  Quicklinks: MSDN-Online || STL || clib Reference Grundlagen || Literatur || E-Books || Zubehör || > F.A.Q. < || Downloads   

Autor Thread - Seiten: > 1 <
000
09.12.2008, 20:39 Uhr
öni



Ich hasse den IE.

Was ich machen möchte ist, eine Seite mit 3 "Farbspalten". Oben soll die erste Spalte weiß sein also nichts dargestellt. Darunter eine Spalte mit blau, und nach dem blau links eine rote spalte und der rest grau. Also so ähnlich wie eine normale Seite wo links die Navi(rot) ist und in der Mitte der Inhalt(grau) nur das oben nochmals 2 weitere Spalten(eine weiß und eine blau) sich befinden. Alle Spalten sollten teils eine feste Größe haben oder eine prozentuale. Ich dachte mir mit DIV tu ich mir am leichtesten.


Code:
    .blauer_banner
{
    position:absolute;
    top: 100px;
    left: 0px;
    background-color: blue;
        width:  100%;
        height:  30px;    
}

     .roter_banner
{
    position:fixed;
    top: 100px;
    left: 0px;
    background-color: red;
        width:  10%;
        height:  100%;    
}

     .grauer_banner
{
    position:fixed;
    top: 100px;
    left: 10%;
    background-color: gray;
        width:  90%;
        height:  100%;    
}


Das ganze wurde dann eben über ein div eingefügt. Funktioniert auch soweit, aber eben nur im FF (Hab den 3.0), im IE (hab den IE6) aber zerschiest es mir alles und macht fast was es will.

Dann dachte ich an Tabellen, als 2. Lösung


Code:
<table border="0"   style="position:absolute; left:0px; top:0px; "  >
  <tr>
    <td width="100%" height="100px" colspan="2" bgcolor="blue" style="position:fixed;top:100px; ">blau</td>
  </tr>
  
  <tr bgcolor="blue">
    <td width="20%" height="100%" bgcolor="red" style="position:fixed;top:200px;" >rot</td>
    <td width="80%" height="100%" bgcolor="gray" style="position:fixed; left:20%; top:200px;">grau</td>
  </tr>
</table>


Hier das selbe Spiel, im FF3 gehts im IE6 nicht. Aber hier hab ich noch zusätzlich das Problem das ich noch links einen Rand hab den ich nicht wegbekomme.

Nun meine Frage ist nun wie ich es hinbekomme das es im IE auch angezeigt wird. Oder vll. liegts auch am IE6 wenns im IE7 funktionieren würde wäre ich zufrieden.
Lieber wäre mir wenn ich es über die div's realiesieren könnte.

Hab keinen Schimmer wie ich das realisieren soll.
Abschliesen muss man sagen, ich hasse den IE, weil er mir immer Probleme bereitet, und jeder DAU ihn benützt und sich wundert warum alles falsch dargestellt wird.

Dieser Post wurde am 09.12.2008 um 20:40 Uhr von öni editiert.
 
Profil || Private Message || Suche Download || Zitatantwort || Editieren || Löschen || IP
001
12.12.2008, 14:25 Uhr
öni



Hat keiner eine Idee wie ich das im IE umsetz? Hab mal ein Bild hochgeladen das ihr eine bessere Vorstellung habt wie es aussehen sollte.

http://img525.imageshack.us/my.php?image=3farbenxr3.jpg
 
Profil || Private Message || Suche Download || Zitatantwort || Editieren || Löschen || IP
002
17.12.2008, 08:09 Uhr
Guybrush Threepwood
Gefürchteter Pirat
(Operator)



Zitat von öni:

Abschliesen muss man sagen, ich hasse den IE, weil er mir immer Probleme bereitet, und jeder DAU ihn benützt und sich wundert warum alles falsch dargestellt wird.

Könnte auch daran liegen das jeder DAU meint WSebseiten machen zu müssen ohne sich damit auszukennen und sich dann wundert das alles falsch dargestellt wird oder einen völlig veralteten Brwoser verwendet
Wie auch immer hat das absolut nichts mit dem Problem zu tun und flameing bringt dich kein Stück weiter.



Warum du unbedingt divs für ein Tabellenlayout verwenden willst ist mir auch nicht so ganz klar. Aber in beiden Fällen sieht das nach dem gleichen Problem aus: Wenn du für irgendwelche Größenangaben % angibst dann braucht das Element logischerweise auch ein Parentelement mit einer fixen Größe an dem es sich orientieren kann, denn irgendworauf müssen sich die % ja beziehen
 
Profil || Private Message || Suche Download || Zitatantwort || Editieren || Löschen || IP
003
19.12.2008, 14:19 Uhr
öni



Ok, hast ja recht flaming bringt mich nicht weiter. Aber man muss sagen das der IE6 Dinge richtig anzeigt die der IE7 nicht richtig anzeigt.
font-size: 15pt;
Kann der der IE6 aber der IE7 nicht, wobei man sowas eigentlich erwarten sollte. Und ich dachte mir immer, was im IE6 geht, sollte auch im IE7 gehen, nun ist aber nicht immer so, von dem her kann man nicht sagen neuer ist gleich besser . Und vom IE8beta wollen wir gar nicht reden, da hat mir ein Blick auf dem Kollegen sein Bildschirm gereicht.

Zurück zum Problem
Wie erwartet spuckt mir Google jede menge Ergebnisse zu Parentelement aus, aber keins was ich so richtig brauchen kann. Ich dachte mir immer das die %-Angabe sich zuerst einmal auf die Bildschirm Größe bezieht, so will ich es auch haben. Habt dann mal was ausprobiert, im FF gabs keine Änderung, und im IE6 keine Nennbaren(das verhalten lässt sich mir auch logisch überhaupt gar nicht erklären), wobei ich mich frag ob die Zeilen nicht total überflüssig sind, aber was anderes ist mir nicht eingefallen was du mit deiner Aussage meinen könntest.


Code:
<body width="100%" height="100%">

<table border="0"   style="position:absolute; left:0px; top:0px;  width="100%" height="100%" "  >
  <tr>
    <td width="100%" height="100%" colspan=2 bgcolor="blue" style=" position:fixed;  top:100px;" >blau</td>
  </tr>
  
  <tr bgcolor="blue">
    <td width="20%" height="100%" bgcolor="red" style="position:fixed;top:200px;" >rot</td>
    <td width="80%" height="100%" bgcolor="gray" style="position:fixed; left:20%; top:200px;">grau</td>
  </tr>
</table>

</body>
 
Profil || Private Message || Suche Download || Zitatantwort || Editieren || Löschen || IP
Seiten: > 1 <     [ HTML / XML / XHTML ]  


ThWBoard 2.73 FloSoft-Edition
© by Paul Baecher & Felix Gonschorek (www.thwboard.de)

Anpassungen des Forums
© by Flo-Soft (www.flo-soft.de)

Sie sind Besucher: