Autor |
Nachricht |
Omarius
Threadersteller
Dabei seit: 07.10.2006
Ort: Aachen
Alter: 34
Geschlecht:
|
Verfasst Mi 26.01.2011 23:55
Titel ie6 Div ändert feste Breite wg. Child Element |
|
|
Hallo,
ich habe 2 divs nebeneinander (float:left) mit jew. fester Breite.
Im rechten Div ist ein Objekt, deren Breite größer ist als das Div.
In den aktuellen Mozilla, IE und Safari Versionen, behält das Div seine Breite und das Objekt schaut just aus dem Div heraus.
Beim ie6 verändert das Div seine Breite und passt somit nicht mehr in die Spalte, und landet daher unter statt neben dem linken Div. Sprich bei overflow:hidden ist es wieder da wo es sein soll - nur soll der overflow nicht hidden sein
Hat jmnd einen Rat?
Hier der code:
linkes Div:
div#main{
float:left;
width:470px;
height:700px;
margin-left:7px;
margin-top:7px;
background-color:#FFF;
border-right:1px solid #bdafa1;
border-top:1px dotted #bdafa1;
}
rechtes Div:
div#sidebar{
float:left;
width:172px;
height:700px;
margin-left:7px;
margin-top:7px;
overflow:hidden;
padding:0px;
background-color:red;
}
inneres Objekt das rechtes Div verzerrt:
div#searchbox{
width:193px;
height:50px;
margin-left:0px;
background-color:#FFFFFF;
border:1px solid #bdafa1;
border-top-color:#e9dfd6;
margin-top:20px;
}
Danke im Voraus
|
|
|
|
|
immerIch
Dabei seit: 19.10.2010
Ort: #mein{display:block}
Alter: 35
Geschlecht:
|
Verfasst Do 27.01.2011 10:55
Titel
|
|
|
Der IE6 ist und bleibt ein Phänomen
Sry, aber direkt zum problem hab ich keinen Rat, weil ich nichts visuelles vor mir hab
Mein ernstgemeinter Rat: Lass den IE6 raus, wer den nun immer noch benutzt ist selber Schuld, und dem kann man nicht mehr helfen ....
Für die berühmte IE-Extra-Wurst kannst du z.b. auf Conditional Comments zurückgreifen....
Gruß
|
|
|
|
|
Anzeige
|
|
|
Martys
Dabei seit: 07.04.2005
Ort: Bochum
Alter: 45
Geschlecht:
|
Verfasst Do 27.01.2011 11:49
Titel
|
|
|
Ist ja logisch, das innerer Element ist ja schon mit einer größeren Breite definiert.
Anhand der "wenigen" Infos würde ich mittels CC einfach absolut positionieren.
@Omarius:
Hier geht es nicht um die Frage, ob der IE6 sinnvoll ist oder nicht, sondern wie man dafür das Problem beheben kann.
Der TE wird wohl seine Gründe haben (bspw. Intranet einer "alten" Firma mit noch älteren Rechnern).
|
|
|
|
|
immerIch
Dabei seit: 19.10.2010
Ort: #mein{display:block}
Alter: 35
Geschlecht:
|
Verfasst Do 27.01.2011 12:07
Titel
|
|
|
Martys hat geschrieben: |
@Omarius:
Hier geht es nicht um die Frage, ob der IE6 sinnvoll ist oder nicht, sondern wie man dafür das Problem beheben kann.
Der TE wird wohl seine Gründe haben (bspw. Intranet einer "alten" Firma mit noch älteren Rechnern). |
BTW: Omarius ist der TE, ich bin immerich
Ob er seine Gründe hat, können wir beide, weder du noch ich beantworten, den Tipp mit CC kann man allemal geben.
Gruß..
Zuletzt bearbeitet von immerIch am Do 27.01.2011 12:08, insgesamt 1-mal bearbeitet
|
|
|
|
|
zweitaccount
Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 27.01.2011 12:27
Titel
|
|
|
Ohne das Html gesehen zu haben, könntest Du - wenn es dein
Layout zu läßt die #searchbox absolut positionieren und das
#sidebar relative (damit das absolute greift).
Wenn unter der #searchbox noch weitere boxen kommen,
bräuchten die erste dann allerdings margin nach oben.
Hoffe Verwirrung gestiftet zu haben.
Grüße
zweitaccount
|
|
|
|
|
Omarius
Threadersteller
Dabei seit: 07.10.2006
Ort: Aachen
Alter: 34
Geschlecht:
|
Verfasst Do 27.01.2011 17:14
Titel
|
|
|
@martis und zweitaccount: ja werde mir wohl eine von diesen 2 Lösungen vorknüpfen
@immerIch: hast definitv Recht, aber es ist kein eigenes Projekt sondern ein Auftrag für einen Kunden, und du glaubst es nicht, aber der ie6 ist so zäh... er verschwindet einfach nicht aus den Statistiken...
naja, Tod dem ie6, und danke euch allen!
Viele Grüße aus Vallendar
|
|
|
|
|
|
|
|
Ähnliche Themen |
[PHP + MySQL) Problem: Element inkl."Child-Elemente&quo
[CSS] Feste und variable Breite.
Variable und feste Breite in einer Box
Tabellen Problem: Feste Breite/100%
Responsive Design oder feste Breite
[CSS] dreispaltig, feste Breite, Header, Footer - Problem
|
|