| Autor |
Nachricht |
misprintedtype
Threadersteller
Dabei seit: 08.08.2006
Ort: bifi / bad ö / kle
Alter: 25
Geschlecht: 
|
Verfasst Mo 18.02.2008 13: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 13:52, insgesamt 1-mal bearbeitet
|
|
| |
  |
 |
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: 
|
Verfasst Mo 18.02.2008 14: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 14:12, insgesamt 2-mal bearbeitet
|
|
| |
|
|
misprintedtype
Threadersteller
Dabei seit: 08.08.2006
Ort: bifi / bad ö / kle
Alter: 25
Geschlecht:
|
Verfasst Mo 18.02.2008 14: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
Dabei seit: 18.11.2004
Ort: -
Alter: 26
Geschlecht:
|
Verfasst Mo 18.02.2008 14: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 14:26, insgesamt 1-mal bearbeitet
|
|
| |
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Mo 18.02.2008 14: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: bifi / bad ö / kle
Alter: 25
Geschlecht:
|
Verfasst Mo 18.02.2008 14: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 |
Spezielle CD/DVD Box (Amaray-Box in CD größe)
select box, Größe(Breite) angeben???
box hover mit css
[CSS] Ganze Box verlinken
[CSS] #box:hover auch im IE darstellbar?
eine reine css tab box?
|
|
Willkommen auf dem Portal für Mediengestalter
