nicht angemeldet
min width IE
ich habe ein min width problem im IE ich weiß wie er das interpretiert und ich habe auch schon lösungen gefunden
width:expression(document.body.clientWidth > 300? "300px": "auto" );
zum beispiel aber ich kriege es nicht eingebaut... ich bekomme es einfach nicht so hin das es funktioniert
#inhalte
{
min-width:300px;
margin-left:220px;
padding-top:30px;
padding-left:30px;
height:500px;
background-color:#ff00ff;
}
das definiert die inhaltsbox und die soll die min width von 300px bekommen nur wie binde ich die lösung da oben ein....oder gibt es sogar eine bessere lösung die auch irgendwo erklärt ist (so das man sie versteht)
weil auf den ersten 3 Seiten bei google hab ich nix gefunden ich hab mal "css min width" gesucht vllt hab ich auch übersehen....
ich hoffe ihr könnt mir helfen danke sehr
ich verzweifle langsam :-(
-
Hi.
weil auf den ersten 3 Seiten bei google hab ich nix gefunden ich hab mal "css min width" gesucht vllt hab ich auch übersehen....
Hast du da schon geschaut:
http://www.lipfert-malik.de/webdesign/tutorial/css.html#expressionMinWidth
Gruß
CB-
ok ich habe das jetzt eingefügt und es scheint zu funktionieren danke sehr schon mal dafür......nur leider tritt immer noch ein problem auf und zwar springt der inhaltsblock runter sobald die min width erreicht ist...
ich habe hier mal den html body>>>>>>>>>>
-------------html body-----------------
<div id="kopfzeile"><img class="logo" alot="Logo"</div>
<div id="navi">
</div>
<div id="inhalte"></div>
<div id="fusszeile"></div>und hier das wichtige aus der css datei
-----------------------css-------------------
#kopfzeile
{
border-bottom:1px solid black;
height:125px;
text-align:center;
}#navi
{
padding-top:15px;
float:left;
text-align:center;
width:220px;
height:500px;
}#inhalte
{
min-width:300px;
width:expression(document.body.clientWidth < 300? "300px": "auto" );
margin-left:220px;
padding-top:30px;
padding-left:30px;
height:500px;
background-color:#ff00ff;
}#fusszeile
{
clear:both;
border-top:1px solid black;
height:100px;
}so ich möchte jetzt, dass wenn die min width erreicht ist, das inhalts element nicht umbricht nach unten, vor allen dingen, da das so sinnlos ist, da es ja nicht den platz links nutzen kann da es ja margin 220px abstand hat..... im FF klappt das wunderbar... wie kann ich das im IE realisieren
-
so ich denke ich habe es geschafft......
dank dem beispiel...
kann mir jetzt aber mal jemand erklären, was genau overflow:auto; damit zu tun hat, dass ich das margin left weglassen kann im inhalt... weil mit position absolut, ist der inhalt rechts neben der navigation ohne position absolut beginnt der inhalt ganz links und naja teilt sich den platz mit der navigarion...
und was genau macht position:absolute;? ich kann momentan keinen unterschied mit oder ohne feststellen..........
-
so ich denke ich habe es geschafft......
dank dem beispiel...
kann mir jetzt aber mal jemand erklären, was genau overflow:auto; damit zu tun hat, dass ich das margin left weglassen kann im inhalt... weil mit position absolut, ist der inhalt rechts neben der navigation ohne position absolut beginnt der inhalt ganz links und naja teilt sich den platz mit der navigarion...
und was genau macht position:absolute;? ich kann momentan keinen unterschied mit oder ohne feststellen..........
statt position absolut oben muss natürlich overflow:auto stehen....
also es klappt jetzt alles ich weiß nur leider nicht was overflow:auto; damit zu tun hat ohne begint das element halt ganz links obwohl es dank float:left des navi elements eigentlich doch daran vorbei fließen müsste...
mit overflow:auto beginnt das element so wie es sein soll rechts neben der navi leiste... dabei dürfte overflow damit doch gar nichts zu tun haben oder ?!
-
Hi.
mit overflow:auto beginnt das element so wie es sein soll rechts neben der navi leiste... dabei dürfte overflow damit doch gar nichts zu tun haben oder ?!
Bin mir nicht sicher wie dein Code mittlerweile ausschaut. Overflow könnte als Nebeneffekt wie display:block wirken oder sich vielleicht auf die Breite auswirken.
Gruß
CB-
#navi
{
padding-top:15px;
float:left;
text-align:center;
width:220px;}
#inhalte
{
overflow:auto;
padding-top:30px;
padding-left:30px;
background-color:#ff00ff;
}so siehts in der css datei aus und im htmt sind es zwei div boxen untereinander also nich ineinander verschachtelt oder sonstwas einfach
<div id="navi"></div>
<div id="inhalte"></div>mit overflow beginnt inhalte rechts neben navi und der text steht auch schön da wo er soll links im inhalte element...
ohne overflow beginnt inhalte schon ganz links also im navi bereich hab ich einige grafische buttons aber keinen hintergrund der inhalt hat aber einen hintergrund und der liegt halt auch unter den buttons (nur um zu zeigen woran ich das sehe) der text steht aber an der gleichen stelle wie mit overflow also schön neben dem navi bereich....
der müsste sich doch konsequenterweise wenigstens auch mit verschieben ;-) wenn schon falsch dann bitte komplett ;-)
-
-
-
-
-
-
-
naja ja und nein irgendwie ich sehe dadurch DASS es funktioniert aber WIE es funktioniert das blicke ich irgendwie nicht aus dem Quelltext....
außerdem wenn ich expression benutze, dann meckert der wegen activex steuerelementen die zugelassen werden müssen (der IE) der Firefox sagt nix das liegt wohl an meinen einstellungen aber trotzdem ist das ja irgendwie blöd.... hab ich da vllt was falsch gemacht das der einen warnt? oder hab ich das einfach auf sehr sehr sicher stehen was ich allerdings nicht glaube....
du scheinst allerdings gar kein expression zu benutzen sondern was mit width=99%........ aber ich hab die zusammenhänge nicht so ganz verstanden :-|
Ich trete irgendwie auf der stelle ich weiß nicht wie ich dieses Springen vermeiden kann geschweige denn habe ich eine vernünftige methode für min width weil das mit expression ist ja nicht so toll wenn der von wegen sicherheit meckert....
-