Layout wird nicht übernommen + scrollbarer Contentbereich - Seite 2

Hänz up · #11 (**permalink**) 21.06.2007, 12:28

Die Sache mit den Conditional Comments is echt ne nette Sache. Mit folgender Browserweiche könnte ich mein Problem schnell aus dem Weg räumen...

Code:

<!--[if lte IE 6]>
<link rel=stylesheet type=text/css href=IEkleinergleich6.css />
<![endif]-->

... aber wie erreiche ich, dass die Abfrage nach der Auflösung mit berücksichtigt wird? Bisher habe ich 2 Stylesheets (kleine und große auflösung) und eine Javascript datei ( die die Abfrage regelt) und dazu würde jetzt noch ein SS kommen für IE6< . Ich dachte zuerst an eine "richtige" Positionierung, aber das dürfte nicht klappen. So wie ich das sehe brauche ich 4 Stylesheets =
1) IE6 klein 2) IE6 groß 3)FF&IE7 klein 4)FF&IE7 groß. Leider bin ich in JS nicht so bewandert, das ich mal schnell ne Funktion schreibe,in der gleichzeitug die Auflösung und der Browser abgefragt wird. Ich denke auch, dass ich nicht der erste bin, der so etwas braucht. Kennt jmd von euch das nötige Script oder weiß wo es zu finden ist. Bzw. ist meine Idee überhaupt sinnvoll oder is das mehr Hokuspokus und alles andere als effektiv. Dank euch für die freundliche Unterstützung.
hans

fricca · #12 (**permalink**) 21.06.2007, 12:50

Zitat:

Zitat von Hänz up

... aber wie erreiche ich, dass die Abfrage nach der Auflösung mit berücksichtigt wird?

Gar nicht. Dafür brauchst du JavaScript (siehe entsprechender Forenbereich).
Diese Abfrage solltest du auch auf keinen Fall versuchen, mit den IE-Bugfixes zu verwurschteln.
edit: Davon abgesehen ist die sog. Auflösung irrelevant. Entscheidend ist der verfügbare Platz im Viewport des Browsers.

Zitat:

Bzw. ist meine Idee überhaupt sinnvoll oder is das mehr Hokuspokus und alles andere als effektiv.

Kann man pauschal nicht beantworten.
Man kann Layouts durch JavaScript durchaus besser benutzbar machen; was du vorhast und ob es sinnvoll ist, weiß ich nicht.
Ganz sicher ist es aber nicht sinnvoll, die Einbindung von Stylesheets grundsätzlich von JavaScript abhängig zu machen.
Hier mal ein Artikel von Chris Heilmann: The future is hybrids - how JavaScript can purify pure CSS solutions

Hänz up · #13 (**permalink**) 21.06.2007, 15:32

Durch eure Linkvorschläge komm ich immer wieder auf Ideen, um mein Problem zu lösen. Ich hab mir gedacht, wenn diese Conditional Comments nur der IE lesen kann, warum funktioniert dann folgendes nicht?:

Code:

<div id="content">
	<!--[if IE ]> style="background-attachment:fixed;"<![endif]-->
	<h1> Überschrift H1 </h1>	 
</div>

Das schrieb ich einfach in meinen Content-container als Inline-anweisung.

Oder eine andere Überlegung: Wenn diese Conditionals für HTML funktionieren, klappen sie dann auch für CSS? Bzw gibt es eine ähnliche Methode wie diese:

Code:

#content{
	background-image: url(imageklein/content.jpg);
	width:650px;
	height:498px;
	float:right;
	overflow: auto;
	[if IE 6] background-attachment:fixed;[endif]
	
}

Also die Ideen sind recht ausgefallen und bestimtm kriegt der ein oder andere das schmunzeln, aber die Not macht erfinderisch.
hans

fricca · #14 (**permalink**) 21.06.2007, 15:51

Zitat:

Zitat von Hänz up

warum funktioniert dann folgendes nicht?

Weil ein style-Attribut im Start-Tag eines Elements stehen muss.

Zitat:

Wenn diese Conditionals für HTML funktionieren, klappen sie dann auch für CSS?

Nein.
Ich nannte dir bereits das nötige Stichwort, um innerhalb eines Stylesheets verschiedene Browser anzusprechen.

Hänz up · #15 (**permalink**) 21.06.2007, 16:39

Also nach weiterm googln hab ich was gefunden was tatsächlich funktionier...und das in beiden Browsern.

Code:

#content{
	background-image: url(imageklein/content.jpg);
	width:650px;
	height:498px;
	float:right;
	overflow: auto;
	
}

* html #content {
        background-attachment: fixed;
}

Quelle:Problem mit background-attachment: fixed - CSS @ tutorials.de: Forum, Tutorial, Anleitung, Schulung & Hilfe
Aber ich muss zugeben, dass ich keine Ahnung habe, was da vor sich geht. Kann mir jmd bitte erklären was das heißt und was hier gemacht wird, damit ich das verstehen kann und das in Zukunft richtig einsetzen kann?!
thx hans

heiko_rs · #16 (**permalink**) 21.06.2007, 16:46

Code:

* html #content {
        background-attachment: fixed;
}

Durch das rot markierte liest nur der IE < 7 die Regel. Dieser Hack ist der gebräuchlichste zum Ansprechen des IE < 7 und nennt sich "Star-HTML-Hack" oder kurz "Star-Hack".

Hintergrund: html hat kein Elternelement - doch genau das "sagt" der * und der IE < 7 glaubt's ihm

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Untermenü im IE	nici	CSS	10	22.06.2009 21:19
Layout selbst coden - Hilfe !	kgsbm	CSS	4	25.03.2008 19:25
Probleme mit Layout	kruemelchen26	CSS	0	15.05.2007 22:40
Dynamische Layout Breite und Höhe	altes-kind	CSS	7	12.01.2007 11:54
Positionierung und Layout Probleme	dabidu	CSS	9	22.10.2006 09:57