|
|||
leere divs behalten ihre größe nicht
Hallo zusammen,
Ich hab ein problem, da ich eine Webapp mit vielen verschiedenen techniken baue, brauche ich so wenig programmier arbeit wie möglich, es sollte kein javascript dabei sein. Das macht mir meine arbeit ganz schön schwer ich will das die menübar erst angezeigt wird wenn eine fehlermeldung kommt und diese dann in der menübar anzeigen. Dazu habe ich die höhe auf auto gestellt. Das funktioniert soweit im FF aber beim IE funktioniert es nur wenn da auch ne meldung steht d.h. bei keiner meldung zieht er die menübar runter zum seitenrand. gleichzeitig muss auf manchen seiten die Navigation ausgeblendet werden, wenn die applikation nun keine daten zum inhalt der Navigation schickt, befindet sich die div nicht mehr im textfluss und der content, die menübar und die toolbar rutschen komplett an den linken rand. es sollte wenn möglich das meiste relativ bleiben ich hab da wenig spielraum Ich Danke euch schon mal im vorraus für eure Hilfe und eure Mühe!!! MFG HIER DER CSS CODE (ich weiß ist nicht aufgeräumt, also nicht wundern wenn etwas doppelt gemoppelt ist ) Code:
/*-------------*/ /* MAIN LAYOUT */ /*-------------*/ html { height: 100%; max-height: 100%; padding: 0px; margin: 0px; border: 0px; background: #FFFFFF; } body { height: 100%; max-height: 100%; padding: 0px; margin: 0px; border: 0px; } .header { width: 100%; height: 50px; position: relative; display: block; margin: 0px; top: 0px; left: 0px; overflow: hidden; background-color: #FFFFFF; border-bottom: 2px solid #2C308E; } .toolBar { height: 20px; position: relative; left: 0px; right: 0px; display: block; border-bottom: 1px solid #2C308E; overflow: hidden; font-weight: bold; background-color: #EBE9E5; } .messageBar { position: relative; display: block; #left: 3px; right: 0px; border-bottom: 1px solid #2C308E; overflow: hidden; font-weight: bold; color: red; background-color: #EBE9E5; height: auto; } .navigation { width: 165px; position: relative; left: 0px; top: 0px; float: left; bottom: 0px; border-right: 2px solid #2C308E; overflow: auto; background-color: #FFFFFF; height: 100%; padding-bottom: 5555px; margin-bottom: -5555px; #margin-right:-3px; } .content { position:relative; top:0px; left:0px; right:0px; height:100%; bottom:0px; overflow:auto; padding-left:10px; padding-top:5px; background-color:#FFFFFF; padding-bottom:5555px; margin-bottom:-5555px; } .minResolution { position: relative; width: 100%; width: auto !important; min-width: 1024px; min-height: 768px; height: auto; height: 100% !important; background-color: #FFFFFF; overflow: hidden; } DER FÜR DIE CSS NOTWENDIGE HTML CODE Code:
<div class="minResolution"> <div class="header">nicht das problem</div> <div class="navigation">Problem hier darf nicht immer was stehen (modaler dialog)</div> <div class="toolBar">nicht das problem</div> <div class="messageBar">Problem: soll bei fehlermeldung auftauchen</div> <div id="content" class="content">nicht das problem steht was drin</div> </div> Geändert von TheRealImperator (26.06.2008 um 14:49 Uhr) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Divs mit Rand und dynamischer Größe - Randlinie automatisch anpassen? | img | CSS | 8 | 19.05.2008 21:00 |
divs in div gleichmäßige größe | cb01 | (X)HTML | 7 | 17.02.2008 21:05 |
Größe eines versteckten divs herausbekommen | wuschba | Javascript & Ajax | 6 | 31.01.2008 15:34 |
Größe eines DIVs beim Resizen bestimmen | NicolaibassDH | Javascript & Ajax | 1 | 10.08.2007 14:32 |
Dynamisch die Größe eines Divs verändern? | 1stmatrix | CSS | 8 | 01.02.2007 15:32 |