nicht angemeldet
min-width für den IE
moin allerseits,
wie kann ich dem IE ein min-width vorgaukeln, damit mein 3-spaltiges Layout (links: 550px logo-grafik, mitte: variabel x-repeat hintergrund, rechts: 125px logo-grafik) bei einer Gesamtbreite von ca. 800px stehenbleibt und nicht umbricht, wenns enger wird?
lieben gruss, peter
-
puts "Hallo " + gets.chomp + "."
?> petageh
=> Hallo petageh.wie kann ich dem IE ein min-width vorgaukeln,
-> https://forum.selfhtml.org/?t=110771&m=695723, 2. Satz.
damit mein 3-spaltiges Layout (links: 550px logo-grafik, mitte: variabel x-repeat hintergrund, rechts: 125px logo-grafik) bei einer Gesamtbreite von ca. 800px stehenbleibt und nicht umbricht, wenns enger wird?
Das ist nicht gut. Hast du dir schon einmal die relativen Maßeinheiten zu Gemüte geführt?
Ein solches pixelgenaues Layout, wie du es zu haben scheinst, ist sehr anfällig für Vergrößerungen / Verkleinerungen der Schriftgröße -> Layout zerfällt.Einen schönen Mittwoch noch.
Gruß, Ashura
--
Selfcode: sh:( fo:) ch:? rl:( br:^ n4:& ie:{ mo:) va:) de:> zu:) fl:( ss:| ls:[ js:|
30 Days to becoming an Opera8 Lover -- Day 20: search.ini
Meine Browser: Opera 8.01 | Firefox 1.0.4 | Lynx 2.8.3 | Netscape 4.7 | IE 6.0
[Deshalb frei! - Argumente pro freie Software]-
Das ist nicht gut. Hast du dir schon einmal die relativen Maßeinheiten zu Gemüte geführt?
Ein solches pixelgenaues Layout, wie du es zu haben scheinst, ist sehr anfällig für Vergrößerungen / Verkleinerungen der Schriftgröße -> Layout zerfällt.moin,
danke schonmal fürs schnelle lesen. allerdings scheinst du nicht verstanden zu haben, auf was ich hinauswill. Ich habe 3 grafische Elemente in einer gedivten Reihe (kein Text). die linke grafik "muss" 550px haben, weil es das keyvisual ist, die mitte ist eine hintergrundgrafik mit x-repeat (eine horizontale Linie) und rechts ist ebenfalls eine Grafik, die eine bestimmte grösse haben muss.
Schieb ich im IE alles zusammen, dann schrumpft nur der Mittelteil. Ist beim Mittelteil eine breite von 0 erreicht, bricht das rechte div nach unten um und zerstört das Layout. beim gecko wird die min-width (550px + 125px = 675px) interpretiert (das layout bleibt auf 675 stehen und es entstehen scrollbalken - ist gewollt), die für die row gilt, nur der IE zickt da rum und ignoriert es.lieben gruss, peter
-
puts "Hallo " + gets.chomp + "."
?> petageh
=> Hallo petageh.allerdings scheinst du nicht verstanden zu haben, auf was ich hinauswill.
Wie sollte ich auch? Du hast ja nichts in dieser Richtung erwähnt.
Ich habe 3 grafische Elemente in einer gedivten Reihe (kein Text).
Bitte was hast du?
die linke grafik "muss" 550px haben, weil es das keyvisual ist
Weil es was ist?
Schieb ich im IE alles zusammen, dann schrumpft nur der Mittelteil. Ist beim Mittelteil eine breite von 0 erreicht, bricht das rechte div nach unten um und zerstört das Layout.
Du hast float verwendet?
Einen schönen Mittwoch noch.
Gruß, Ashura
--
Selfcode: sh:( fo:) ch:? rl:( br:^ n4:& ie:{ mo:) va:) de:> zu:) fl:( ss:| ls:[ js:|
30 Days to becoming an Opera8 Lover -- Day 20: search.ini
Meine Browser: Opera 8.01 | Firefox 1.0.4 | Lynx 2.8.3 | Netscape 4.7 | IE 6.0
[Deshalb frei! - Argumente pro freie Software]-
Zur Erklärung:
#Logo {
float: left;
width: 100%;
background-image:url(head_space.gif);
background-repeat: repeat-x;
}#Logo,
#Logo img {
margin: 0px;
padding: 0px;
border: 0px;
}div.FloatLeft {float:left;}
div.FloatRight {float:right;}<div id="Logo">
<div class="FloatLeft"><img src="head_left_extern.gif" /></div>
<div class="FloatRight"><img src="head_right_extern.gif" /></div>
</div>Erklärt sich mein Vorhaben hier heraus? Die Topbar muss sich übrigens immer über 100% der Breite erstrecken. die Breiten der Floats ergeben sich aus ihren Grafiken.
lieben gruss, peter
-
puts "Hallo " + gets.chomp + "."
?> petageh
=> Hallo petageh.<div id="Logo">
<div class="FloatLeft"><img src="head_left_extern.gif" /></div>
<div class="FloatRight"><img src="head_right_extern.gif" /></div>
</div>Ich sehe hier eine DIV-Suppe Light... > Erklärt sich mein Vorhaben hier heraus? Ja, danke. Einen schönen Mittwoch noch. Gruß, Ashura -- Selfcode: sh:( fo:) ch:? rl:( br:^ n4:& ie:{ mo:) va:) de:> zu:) fl:( ss:| ls:[ js:| [30 Days to becoming an Opera8 Lover](http://operalover.tntluoma.com/8/) -- [Day 20: search.ini](http://operalover.tntluoma.com/8/day_20_searchini) Meine Browser: Opera 8.01 | Firefox 1.0.4 | Lynx 2.8.3 | Netscape 4.7 | IE 6.0 [\[Deshalb frei! - Argumente pro freie Software\]](http://deshalbfrei.org/)-
Ich sehe hier eine DIV-Suppe Light...
Definiere bitte "DIV-Suppe Light" oder erkläre mir was ich, da es wohl um ein Synonym für etwas Negatives handelt, anderes oder besser machen kann. Nur um Missverständnissen aus dem Weg zu gehen! ^^
gruss, peter
-
Hallo,
Ich sehe hier eine DIV-Suppe Light...
Definiere bitte "DIV-Suppe Light"
Divitis, oder: die gemeine DIV-Suppe
oder erkläre mir was ich, da es wohl um ein Synonym für etwas Negatives handelt, anderes oder besser machen kann.
https://forum.selfhtml.org/?t=110850&m=696577
Grüße
Jeena Paradies
-
-
-
Hallo,
<div id="Logo">
<div class="FloatLeft"><img src="head_left_extern.gif" /></div>
<div class="FloatRight"><img src="head_right_extern.gif" /></div>
</div>Was spricht gegen die kürzere Version:
~~~css #logo { background: url(head_space.gif) repeat-x; }
.fr { float: right; }`<p id="logo"><img src="head_left_extern.gif" /><img class="fr" src="head_left_extern.gif" /></p>`{:.language-html} Das sollte genau das darstellen, was du haben willst (ungetestet). Grüße Jeena Paradies -- [Stoppt Softwarepatente](http://jeenaparadies.net/weblog/2005/jul/softwarepatente) in Europa | [Jlog](http://jeenaparadies.net/webdesign/jlog/) | [Gourmetica Mentiri](http://jeenaparadies.net/gourmetica-mentiri/)-
Das sollte genau das darstellen, was du haben willst (ungetestet).
wow, in der Kürze liegt die Würze! :) Leider springt bei mir die rechtsgefloatete Grafik unterhalb des logo-divs?
-
Hallo,
Das sollte genau das darstellen, was du haben willst (ungetestet).
wow, in der Kürze liegt die Würze! :) Leider springt bei mir die rechtsgefloatete Grafik unterhalb des logo-divs?Ah ok stimmt daran habe ich nicht gedacht, es müsste dann eher so lauten:
<p id="logo"><img class="fr" src="head_left_extern.gif" /><img src="head_left_extern.gif" /></p>Grüße
Jeena Paradies
-
-
-
-
-
-
hi,
wie kann ich dem IE ein min-width vorgaukeln,
-> https://forum.selfhtml.org/?t=110771&m=695723, 2. Satz.
Ansonsten ist noch zu erwähnen, dass der IE width so interpretiert, wie Browser min-width.
jein.
wenn mehr platz zur verfügung steht, der inhalt des elementes selber aber keine größere breite erfordert, dann hält sich auch der IE hier an die width-angabe.workaround wäre, dem element, welches eine mindestbreite haben soll, gar kein width zu geben, und dafür ein element hineinzupacken, dessen breite gleich der beabsichtigten mindestbreite ist.
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }
-
-
wie kann ich dem IE ein min-width vorgaukeln
http://www.stunicholls.myby.co.uk/boxes/minwidth.html
Viele Grüße!
_ds-
wie kann ich dem IE ein min-width vorgaukeln
http://www.stunicholls.myby.co.uk/boxes/minwidth.html
Viele Grüße!
_dsdanke! :) werd ich mir gleich zu Gemüte führen!
-
-
Hallo,
wie kann ich dem IE ein min-width vorgaukeln, damit mein 3-spaltiges Layout (links: 550px logo-grafik, mitte: variabel x-repeat hintergrund, rechts: 125px logo-grafik) bei einer Gesamtbreite von ca. 800px stehenbleibt und nicht umbricht, wenns enger wird?
So weit ich mich erinnere verhält sich
widthim IE genau so wiemin-widthin allen anderen Browsern, du musst also nur dafür sorgen, dass die anderen browser einwidth: auto;bekomen und der IE das mit der festen Breite.* html #test { width: 500px; }sollte genau das machen was du versuchst.Grüße
Jeena Paradies-
Hallo,
wie kann ich dem IE ein min-width vorgaukeln, damit mein 3-spaltiges Layout (links: 550px logo-grafik, mitte: variabel x-repeat hintergrund, rechts: 125px logo-grafik) bei einer Gesamtbreite von ca. 800px stehenbleibt und nicht umbricht, wenns enger wird?
So weit ich mich erinnere verhält sichwidthim IE genau so wiemin-widthin allen anderen Browsern, du musst also nur dafür sorgen, dass die anderen browser einwidth: auto;bekomen und der IE das mit der festen Breite.* html #test { width: 500px; }sollte genau das machen was du versuchst.vielen dank für kurze und präzise Auskunft. wird sofort getestet! :)
-
-
Hallo Peter,
wie kann ich dem IE ein min-width vorgaukeln [...
abgesehen von der einfachen Lösung per CSS wie hier zu min-height gezeigt
gibt es noch Lösungen per JavaScript und/oder Expression um
max-width und min-width für Internet Explorer zu erhalten.Grüsse
Cyx23