Autor |
Nachricht |
misprintedtype
Threadersteller
Dabei seit: 08.08.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 18.02.2008 12:49
Titel [CSS] die box behält im IE ihre größe nicht bei |
|
|
Eine box gefüllt mit text. der schriftgrad wird erhöht. MOZ behält die größe der box bei.
IE läßt die box wachsen, was mir das gesammte layout geschießt!
beispiel: http://www.einfach-fuer-alle.de/ (benutz den "größer"-btn)
hier passiert übrigens auch nichts anderes als bei mir...
font-size wird in 10%-schritten erhöht...
Code: | #content_all{
width:840px;
min-height:510px;
padding-top:30px;
margin-left:40px;
display:table;
padding-bottom:50px;
font-family:helvetica, arial, sans-serif;
}
#c1{
float:left;
width:270px;
border:1px solid #990021;
}
#c2{
margin-left:285px;
width:270px;
border:1px solid #0055aa;
}
#c3{
display:inline;
float:right;
width:270px;
border:1px solid #00cc66;
} |
Zuletzt bearbeitet von misprintedtype am Mo 18.02.2008 12:52, insgesamt 1-mal bearbeitet
|
|
|
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Mo 18.02.2008 13:11
Titel
|
|
|
Erst seit IE 7 werden height und width korrekt behandelt, die vorigen Versionen dehnen Elemente leider einfach aus, wenn ihr Inhalt dies "erfordert".
Abhilfe: overflow: hidden; (unschön) oder (zur Verhinderung der Ausdehnung von width) word-wrap: break-word; (MS-proprietär und nicht valide).
Da in Deinem Code nix von height steht, gehe ich mal davon aus, dass es Dir um die unerwünschte Ausdehnung von width geht?
Zuletzt bearbeitet von heiko_rs am Mo 18.02.2008 13:12, insgesamt 2-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
misprintedtype
Threadersteller
Dabei seit: 08.08.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 18.02.2008 13:15
Titel
|
|
|
genau!
n overflow:hidden; find ich halt auch unschön.
word-wrap: break-word; bricht ja nur die wörter... wenn die zu lang sind, dann zerschießt es wieder die box.
ich stand schonmal vor dem problem... habs damals nur über overflow:hidden; lösen können...
bei http://www.einfach-fuer-alle.de/ gehts auch... durch den code steig ich leider nicht ganz durch...
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 18.02.2008 13:21
Titel
|
|
|
Ich verstehe gerade das Problem nicht ganz? Was möchtest du erreichen? Bei deinem Beispiel wird ab einer
bestimmten Größe schließlich auch alles zerschossen. Zudem müßte es mit dem von dir geposteten CSS gerade
andersherum sein, IE behält die Breite bei und FF lässt mitwachsen was an der display Eigenschaft table liegt.
Zuletzt bearbeitet von m am Mo 18.02.2008 13:26, insgesamt 1-mal bearbeitet
|
|
|
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Mo 18.02.2008 13:24
Titel
|
|
|
misprintedtype hat geschrieben: | word-wrap: break-word; bricht ja nur die wörter... |
Nein, dafür braucht man kein CSS, das passiert von selbst
misprintedtype hat geschrieben: | wenn die zu lang sind, dann zerschießt es wieder die box. |
Nein, es trennt ein Wort gnadenlos, wenn's zu breit wird
Was genau meinst Du, welcher Bereich der Seite, welches Verhalten?
|
|
|
|
|
misprintedtype
Threadersteller
Dabei seit: 08.08.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 18.02.2008 13:29
Titel
|
|
|
du hast vollkommen recht!!! ich sitz da wohl schon zu lange dran und seh den wald vor lauter bäumen nicht!
danke dir!!!!!!!!!!
|
|
|
|
|
|
|
|
Ähnliche Themen |
Photoshop behält Zwischenspeicher nicht (Druck-Taste)
Größe eines SWF´s auf Div-Größe beschränken
Größe PDF Mail
PDF-Größe reduzieren.
jQuery kb Größe
Größe festhalten in PS7
|
|