Hey,
ich hab ein Problem, an dem ich jetzt den ganzen Tag saß und verzweifle.
Ich habe folgende Plattform: http://kitsky.kreawi.de - die ist aus verschiedenen divs aufgebaut.
Jetzt gibt es das Problem, dass ich die divs alle mit fester Größe definiert habe - aber wenn man einen kleinen Bildschirm (netbook o.ä.) hat, dann wird das Div mit dem Inhalt nach unten verzogen.
Deswegen wollte ich das jetzt alles dynamisch machen.
Ich scheitere an folgenden Dingen:
a) das Header und Footer im IE dynamisch anpassen zu lassen. Der IE kann ja kein min-width oder max-width. mit width:expression hab ich aber keine dynamische Anpassung erreicht.... WIe muss ich das denn definieren, dass er das dynamisch bis zu einem min von 800 und einem max von 990 anpasst?
b) wie passe ich den Inhalts-Div an den Inhalt an? Klar, ich hab es mit width: auto; versucht. Ging auch soweit gut, bis ich dann auf die Unterseiten (z.B: Information) bin und dort den Inhalt als iframe mit width=100% einblenden lassen.
Dann macht mir Firefox nen Strich durch die Rechnung und macht das div-Teil nicht mehr groß, sondern mickrig klein. Wie kann ich denn sagen, dass es breit bleiben soll?
SO, das wären jetzt mal die dringensten Probleme.
Hier noch der Code aus der css-Datei:
Vielen Dank für eure Hilfe!
liebe Grüße
ich hab ein Problem, an dem ich jetzt den ganzen Tag saß und verzweifle.
Ich habe folgende Plattform: http://kitsky.kreawi.de - die ist aus verschiedenen divs aufgebaut.
Jetzt gibt es das Problem, dass ich die divs alle mit fester Größe definiert habe - aber wenn man einen kleinen Bildschirm (netbook o.ä.) hat, dann wird das Div mit dem Inhalt nach unten verzogen.
Deswegen wollte ich das jetzt alles dynamisch machen.
Ich scheitere an folgenden Dingen:
a) das Header und Footer im IE dynamisch anpassen zu lassen. Der IE kann ja kein min-width oder max-width. mit width:expression hab ich aber keine dynamische Anpassung erreicht.... WIe muss ich das denn definieren, dass er das dynamisch bis zu einem min von 800 und einem max von 990 anpasst?
b) wie passe ich den Inhalts-Div an den Inhalt an? Klar, ich hab es mit width: auto; versucht. Ging auch soweit gut, bis ich dann auf die Unterseiten (z.B: Information) bin und dort den Inhalt als iframe mit width=100% einblenden lassen.
Dann macht mir Firefox nen Strich durch die Rechnung und macht das div-Teil nicht mehr groß, sondern mickrig klein. Wie kann ich denn sagen, dass es breit bleiben soll?
SO, das wären jetzt mal die dringensten Probleme.
Hier noch der Code aus der css-Datei:
HTML:
/* Das div geht über den ganzen Inhalt */
#main_div {
padding: 20px;
background-color: #FFFFFF;
border: 0px solid black;
margin: 0 auto;
z-index:1;
height: 100%;
}
/* dieses Div beinhaltet die linke Navigationsleiste */
#left_div {
margin-top: 0px;
margin-right: 3px;
margin-bottom: 5px;
background-color: #FFFFFF;
float: left;
width: 185px;
border: 0px solid black;
}
/* dieses div liegt rechts davon und soll das content-div beinhalten */
#right_div {
background-color: #FFFFFF;
border: 0px;
margin-bottom: 5px;
min-width: auto;
float: left;
min-height: 200px;
width: auto;
}
/* das content div liegt dann im rechten div und soll sich eben dynamisch anpassen */
#content_div {
background-color: #FFFFFF;
border: 1px solid #000000;
padding: 10px;
max-width: 790px;
min-width: 600px;
float: left;
min-height: 200px;
font-family: Tahoma;
font-size: 10pt;
width: auto;
overflow: hidden;
}
#header_div {
background: #547FAA;
padding: 0px 5px 15px 5px;
margin: 0px 0px 5px 0px;
/*width: 990px;*/
border: 1px solid #000000;
display: run-in;
height: 130px;
max-width: 990px;
min-width: 800px;
width: auto;
width:expression(document.body.clientWidth < 800? "800px": "auto" &&
document.body.clientWidth > 800? "990px": "auto");
}
#footer_div {
background: #547FAA;
padding: 5px 5px 5px 5px;
margin: 0px 0px 5px 0px;
/*width: 990px;*/
overflow: hidden;
clear: both;
border: 1px solid #000000;
font-size: 8pt;
color: black;
text-align: right;
max-width: 990px;
min-width: 800px;
width: auto;
width:expression(document.body.clientWidth < 800? "800px": "auto" &&
document.body.clientWidth > 600? "990px": "auto");
}
Vielen Dank für eure Hilfe!
liebe Grüße