| Autor |
Nachricht |
Dakoon
Threadersteller
Dabei seit: 15.01.2011
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 15.02.2011 16:10
Titel Div so klein wie möglich bei einer maximalen Breite |
 |
|
Hallo
Folgendes Problem
Ein Großes div das kleine flotenede divs aufnimmt
Die breite des Großen divs soll einen maximalwert nicht überschreiten dabei aber so klein wie möglich sein
momentan wird immer die maximale width von 570px ausgeschöpft trotz max-width
ist das überhaupt möglich?
| Code: |
<div style="overflow:hidden; min-width:500px; max-width:570px; margin-left:auto; margin-right:auto;">
<div style="float:left; width:variabel px; height:variabel px;">
<img src="./gallerie/003.jpg">
</div>
<div style="float:left; width:variabel px; height:variabel px;">
<img src="./gallerie/002.jpg">
</div>
...
</div>
|
vielen dank
|
|
| |
|
 |
| |
|
 |
immerIch
Dabei seit: 19.10.2010
Ort: #mein{display:block}
Alter: 23
Geschlecht:
|
Verfasst Mi 16.02.2011 12:53
Titel
|
 |
|
erstmal kannst du margin-left und margin-right zusammenlegen, und Code sparen: margin: 0 auto;
Und was ist "variabel px"?
|
|
| |
|
 |
pixelpapst303
Moderator
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 38
Geschlecht:
|
Verfasst Mi 16.02.2011 13:18
Titel Re: Div so klein wie möglich bei einer maximalen Breite |
 |
|
| Dakoon hat geschrieben: |
momentan wird immer die maximale width von 570px ausgeschöpft trotz max-width
|
hä? na dann macht's doch das was es soll
|
|
| |
|
 |
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Mi 16.02.2011 15:01
Titel
|
 |
|
Anscheinend suchst Du eine shrink-to-fit-width, und die bekommst Du z.B. per float ohne width für das große div. Andernfalls wird das div immer die volle verfügbare Breite einnehmen (beschränkt natürlich durch Deinen max-width-Wert).
P.S.: Dann kannst und solltest Du auch overflow: hidden; rauswerfen, denn das ist eine schlechte Methode zum Einschließen von Floats (denn alte Geckos sägen sie dann komplett weg).
Zuletzt bearbeitet von heiko_rs am Mi 16.02.2011 15:08, insgesamt 1-mal bearbeitet
|
|
| |
|
 |
Robbyn
Dabei seit: 16.02.2011
Ort: Berlin
Alter: 21
Geschlecht:
|
Verfasst Mi 16.02.2011 15:08
Titel
|
 |
|
Ich würde dir empfehlen garnicht mit min-width oder mit max-width zu arbeiten da Browser wie Opera oder Google Chrome mit den Werten nichts richtiges anfangen können. Wenn du wirklich eine Begrenzung haben möchtest gibst du deinen Divs Prozent Werte und diese Werte machst du einfach mit z.b. width="10%" fest. Es wird nie größer oder kleiner sein.
MfG.Robbyn
|
|
| |
|
 |
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Mi 16.02.2011 15:10
Titel
|
 |
|
| Robbyn hat geschrieben: | | Ich würde dir empfehlen garnicht mit min-width oder mit max-width zu arbeiten da Browser wie Opera oder Google Chrome mit den Werten nichts richtiges anfangen können. |
Wie kommst Du denn darauf? Ausschließlich IE 5 & 6 können damit nix anfangen.
|
|
| |
|
 |
Robbyn
Dabei seit: 16.02.2011
Ort: Berlin
Alter: 21
Geschlecht:
|
Verfasst Mi 16.02.2011 15:17
Titel
|
 |
|
Ziehe dir mal die neuen Versionen. Die Werte werden falsch interpretiert von den Browsern, deswegen sollte man davon die Finger weg lassen. Ich kann da aus eigener Erfahrung aus Projekten sprechen und bleibe deswegen beim normalen width.
Selbst wenn es nur IE wäre,ist es auch ein Grund. Man sollte sein Internet soweit wie möglich für alle Browser kompatibel machen.
MfG.Robbyn
|
|
| |
|
 |
bacon
Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 16.02.2011 15:22
Titel
|
 |
|
|
Hört sich eher so an, als habe da jemand sein Boxmodel nicht kapiert...
|
|
| |
|
 |
| |
|
 |
| Ähnliche Themen |
Mehrspaltig div /float mit fester Breite
CSS Div-Layer Breite an Inhalt anpassen
ie6 Div ändert feste Breite wg. Child Element
Ist das mit einem Div möglich?
Keine Leerzeichen innerhalb eines div möglich?
onmouseover bei div nach innerhtml(ajax) nicht mehr möglich
|
 |