zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden IE 6 – position:absolute;

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 16.10.2009, 15:37
stetig lernend
neuer user
Thread-Ersteller
 
Registriert seit: 04.05.2009
Ort: Augsburg
Beiträge: 11
fritze-jr befindet sich auf einem aufstrebenden Ast
Standard IE 6 – position:absolute;

Hallo Zusammen,

ich habe ein kleines Experiment und komm' nicht weiter. Eine Suche bei dem Thema ist leider aussichtslos.

Ich hätte gern, dass sich der rötliche Balken streckt UND an einer bestimmten Position ist. Die Box sollte dabei fix oder flexibel sein können. [Hier das Beispiel.]

Im IE 6 geht das aber leider nicht, obwohl die Box height und width und somit »layout« hat.





Vielen Dank für Eure Hilfe

Geändert von fritze-jr (16.10.2009 um 16:05 Uhr) Grund: Nun verständlicher.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 16.10.2009, 16:02
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

IE<7 kann keine abs. pos. Elemente nur über Offsets aufspannen.
height:1% erscheint mir wenig sinnvoll für deine Boxen.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 16.10.2009, 16:13
stetig lernend
neuer user
Thread-Ersteller
 
Registriert seit: 04.05.2009
Ort: Augsburg
Beiträge: 11
fritze-jr befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von fricca Beitrag anzeigen
IE<7 kann keine abs. pos. Elemente nur über Offsets aufspannen.
Gibt es noch eine andere Möglichkeit? Der Satz klingt so. Kann auch gern eine Seite aus dem Buch sein, das liegt vor mir

Zitat:
Zitat von fricca Beitrag anzeigen
height:1% erscheint mir wenig sinnvoll für deine Boxen.
Richtig, ist auch wieder weg.


Viele Grüße und vielen Dank Andreas

Geändert von fritze-jr (16.10.2009 um 16:16 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 16.10.2009, 16:14
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von fritze-jr Beitrag anzeigen
Gibt es noch eine andere Möglichkeit? Der Satz klingt so.
Eine Breite angeben.
Mit Zitat antworten
  #5 (permalink)  
Alt 16.10.2009, 16:23
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Hi,

tausch das span gegen p aus, wickel den Link auch in ein p.

Dem p gibst du das mit auf den Weg:
HTML-Code:
.box p{
	position: absolute;			
	bottom:0;			
	width:100%;
	background-color: #b79091;
}
Das reicht damit unten in der Box ein farbiger Streifen ist.

edit. *seufz*
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #6 (permalink)  
Alt 16.10.2009, 16:33
stetig lernend
neuer user
Thread-Ersteller
 
Registriert seit: 04.05.2009
Ort: Augsburg
Beiträge: 11
fritze-jr befindet sich auf einem aufstrebenden Ast
Standard

Hallo Corina,

herzlichen Dank! Beispiel ist aktualisiert. Aber wenn das Layout flexibel ist UND das Design passen soll wird es schwer.

Rechts, links und unten soll immer der gleiche Abstand sein. Rechts, Links ist mit einer Prozentangabe von z.B. width: 98%; kein Problem, aber was ist mit dem Abstand der unteren Kante zur Box?

Vielleicht habe Sie da noch einen Tipp, gern ein Kapitel aus dem Buch.


Viele Grüße Andreas
Mit Zitat antworten
  #7 (permalink)  
Alt 16.10.2009, 16:43
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von fritze-jr Beitrag anzeigen
Rechts, links und unten soll immer der gleiche Abstand sein. Rechts, Links ist mit einer Prozentangabe von z.B. width: 98%; kein Problem, aber was ist mit dem Abstand der unteren Kante zur Box?
Ich verstehe die Frage nicht. bottom:3px kann auch IE 6.

In solchen Fällen bietet es sich oft an, den IE<7 in den Quirksmodus zu werfen und den Box-Modell-Bug auszunutzen. Dann ergibt ein 3px-Padding für .box in Verbindung mit einer 100%-Breite für die inneren a/span die gewünschten Abstände.

Zitat:
Vielleicht habe Sie da noch einen Tipp, gern ein Kapitel aus dem Buch.
Bitte bleib doch beim Du. Ich fühle mich sonst noch älter, als ich bin.
Die Probleme des IE mit abs. Pos. haben wir in 6.4.2.
Mit Zitat antworten
  #8 (permalink)  
Alt 16.10.2009, 16:46
stetig lernend
neuer user
Thread-Ersteller
 
Registriert seit: 04.05.2009
Ort: Augsburg
Beiträge: 11
fritze-jr befindet sich auf einem aufstrebenden Ast
Standard

Vielen Dank hubspe!

Was genau macht das nun für einen Unterschied?
Mit Zitat antworten
  #9 (permalink)  
Alt 16.10.2009, 17:05
stetig lernend
neuer user
Thread-Ersteller
 
Registriert seit: 04.05.2009
Ort: Augsburg
Beiträge: 11
fritze-jr befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von fricca Beitrag anzeigen
Ich verstehe die Frage nicht. bottom:3px kann auch IE 6.
Das ist klar, dass der IE das kann.
Wenn alles flexibel ist, auch die Randabstände, dann weiß ich ja die Pixel nicht. Somit kann ich bottom:X px nicht fix angeben. Ist ja nur ein Experiment und ich obendrein Designer

Zitat:
Zitat von fricca Beitrag anzeigen
In solchen Fällen bietet es sich oft an, den IE<7 in den Quirksmodus zu werfen und den Box-Modell-Bug auszunutzen. Dann ergibt ein 3px-Padding für .box in Verbindung mit einer 100%-Breite für die inneren a/span die gewünschten Abstände.

Bitte bleib doch beim Du. Ich fühle mich sonst noch älter, als ich bin.
Die Probleme des IE mit abs. Pos. haben wir in 6.4.2.
Danke, dann lese ich mich mal etwas (besser) ein.

Vielen Dank für die superschnelle Hilfe!

Andreas
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 16.10.2009, 17:20
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von fritze-jr Beitrag anzeigen
Wenn alles flexibel ist, auch die Randabstände, dann weiß ich ja die Pixel nicht. Somit kann ich bottom:X px nicht fix angeben.
Ich bewzeifle, dass du den unteren Abstand flexibel haben willst. Dann stehen deine Streifen bei wechselnder Breite an einer anderen Position.
Schau dir an:
left:3%;
width: 94%;
bottom:0;
margin-bottom:3%;
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
fehler, ie6, position absolute, position:absolute

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
listenmenu im ie6 albi84 CSS 4 20.10.2010 22:50
CSS Design soll sich dem Content anpassen hujuzka CSS 7 10.06.2009 12:45
IE und Firefox star CSS 16 27.06.2008 12:28
Boxen passen sich nicht richtig dem Inhalt an david m. CSS 5 23.04.2007 17:26
Elemente lassen sich nicht in FF verschieben SyntaxError (X)HTML 6 17.01.2007 14:45


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:36 Uhr.