• EnglishEspanolFrancaisItaliano

• Microgaming Casino for US/CAN/AUS PlayerMicrogaming Flash Casino Bonus (ohne Download)Mehr Casino BonusMobile Casino BonusPoker BonusBingo BonusSportwetten/Sport Live Casino Bonus

 

• Microgaming Casino EinzahlungsoptionenMicrogaming SpieleSitemap

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

eachten Sie, dass der CSS-Code für diese Layouts mit vielen Kommentaren versehen ist. Wenn Sie vor allem in der Entwurfsansicht arbeiten, werfen Sie einen Blick auf den Code, um Tipps zum Verwenden von CSS für diefließendenLayouts zuerhalten. Sie können diese Kommentare vor dem Veröffentlichen Ihrer Site löschen. Weitere Informationen zu den in diesen CSS-Layouts verwendeten Methoden finden Sie in diesem Artikel im Adobe Developer Center-http://www.adobe.com/go/adc_css_layouts.

Clearing-Methode

Da alle Spalten fließend sind, wird bei diesem Layout die Deklaration clear:both in der Regel.footer verwendet. Diese Clearing-Methode bewirkt, dass .container das Ende der Spalten erkennt, damit alle in .container platzierten Rahmen oder Hintergrundfarben angezeigt werden. Wenn Sie in Ihrem Entwurf die Regel.footer aus.container entfernen müssen, ist eine andere Clearing-Methode erforderlich. Am zuverlässigsten ist das Hinzufügeneines<brclass="clearfloat" />-oder<divclass="clearfloat"></div>-Tags nach der letzten fließenden Spalte(jedoch vor dem Ende von .container). Dadurch wird der gleiche Clearing-Effekterzielt.

Ersetzen desLogos

In diesem Layout wurde einBild-Platzhalter im .header verwendet, wo in der Regel ein Logo platziert wird. Es empfiehlt sich, dass Sie den Platzhalter entfernen und durch Ihr eigenes, als Hyperlink eingebundenes Logoersetzen.

Wenn Sie mithilfe des Eigenschafteninspektors imFeld"Quelle" zum Bild Ihres Logos navigieren (anstelle den Platzhalter zu entfernen und zu ersetzen), müssen Sie dieInline-Stile für Hintergrund und Anzeige entfernen. Diese Inline-Stile werden lediglich zum Anzeigen des Bild-Platzhalters in Browsern zu Demonstrationszweckenverwendet.

Stellen Sie zum Entfernen der Inline-Stile sicher, dass dasBedienfeld"CSS-Stile"auf"Aktuell" gesetzt ist. Wählen Sie das Bild aus, klicken Sie imBereich"Eigenschaften" desBedienfelds"CSS-Stile" mit der rechten Maustaste und löschen Sie die Anzeige- und Hintergrundeigenschaften. (Sie können die Inline-Stile für das Bild oder den Platzhalter natürlich auch direkt im Code löschen.)

Bedingte Kommentare für InternetExplorer

Diese flexiblen Layouts enthalten einen bedingten Kommentar für Internet Explorer zum Beheben von zweiProblemen.

In den verschiedenen Browsern werden die Größenangaben der div-Tags in den auf Prozentwerten basierenden Layouts unterschiedlich gerundet. Bei der Darstellung eines Werts wie 144,5 Pixel oder 564,5 Pixel in einem Browser muss dieser Wert auf die nächste Ganzzahl gerundetwerden.Safari und Opera runden den Wert ab, Internet Explorer rundet auf und Firefox rundet um eine Spalte auf und um eine Spalte ab und füllt den Container vollständig auf. Dies kann zu Uneinheitlichkeiten in einigen Layouts führen. In diesem bedingten Kommentar für Internet Explorer ist ein negativer Rand mit 1 Pixel festgelegt, um das Problem in IE zu beheben. Sie können diesen Rand in jeder Spalte (rechts oder links) einfügen, um das Layout entsprechendanzupassen. Dem Anker wurde innerhalb der Navigationsliste die zoom-Eigenschaft hinzugefügt, da in IE6 und IE7 in einigen Fällen zusätzlicher Leerraum dargestellt wird. Mit der zoom-Eigenschaft erhält IE die proprietäre Eigenschaft hasLayout zum Beheben diesesProblems.

Hintergründe

Die Hintergrundfarbe für jedes div-Tag wird grundsätzlich nur für die Länge des Inhalts angezeigt. Wenn Sie eine Hintergrundfarbe oder einen Rahmen für die Darstellung einer Randspalte verwenden, erstreckt sich die Hintergrundfarbe oder der Rahmen daher nicht auf die gesamte Fußzeile, sondern endet mit dem Ende des Inhalts. Wenn das div-Tag .content immer mehrInhaltenthält, können Sie im div-Tag .content einen Rahmen einfügen, um das Tag von der Spalte zutrennen.

Anweisungen

Beachten Sie, dass der CSS-Code für diese Layouts mitvielenKommentaren versehen ist. Wenn Sie vor allem in der Entwurfsansicht arbeiten, werfen Sie einen Blick auf den Code,um Tipps zum Verwenden von CSS für die fließenden Layouts zu erhalten. Sie können diese Kommentare vor dem Veröffentlichen Ihrer Site löschen. Weitere Informationen zu den in diesen CSS-Layouts verwendeten Methoden finden Sie in diesem Artikel im Adobe Developer Center-http://www.adobe.com/go/adc_css_layouts.

Clearing-Methode

Da alle Spalten fließend sind, wird bei diesem Layout die Deklaration clear:both in der Regel .footer verwendet. Diese Clearing-Methode bewirkt, dass .container das Ende der Spalten erkennt, damit alle in .container platzierten Rahmen oder Hintergrundfarben angezeigt werden. Wenn Sie in Ihrem Entwurf die Regel .footer aus .container entfernen müssen, ist eine andere Clearing-Methode erforderlich. Am zuverlässigsten ist das Hinzufügeneines<brclass="clearfloat" />-oder<divclass="clearfloat"></div>-Tags nach der letzten fließenden Spalte (jedoch vor dem Ende von .container). Dadurch wird der gleiche Clearing-Effekterzielt.

Ersetzen desLogos

In diesem Layout wurde ein Bild-Platzhalter im .header verwendet, wo in der Regel ein Logo platziert wird. Es empfiehlt sich,dass Sie den Platzhalter entfernen und durch Ihr eigenes, als Hyperlink eingebundenes Logoersetzen.

WennSiemithilfe des Eigenschafteninspektors imFeld"Quelle" zum Bild Ihres Logos navigieren(anstelle den Platzhalter zu entfernen und zu ersetzen),müssenSie die Inline-Stile für Hintergrund und Anzeige entfernen. Diese Inline-Stile werden lediglich zum Anzeigen des Bild-Platzhalters in Browsern zu Demonstrationszweckenverwendet.

Stellen Sie zum Entfernen der Inline-Stile sicher, dass dasBedienfeld"CSS-Stile"auf"Aktuell" gesetzt ist. Wählen Sie das Bild aus, klicken Sie imBereich"Eigenschaften" desBedienfelds"CSS-Stile" mit der rechten Maustaste und löschen Sie die Anzeige- und Hintergrundeigenschaften. (Sie können die Inline-Stile für das Bild oder den Platzhalter natürlich auch direkt im Code löschen.)

Bedingte Kommentare für InternetExplorer

Diese flexiblen Layouts enthalten einen bedingten Kommentar für Internet Explorer zum Beheben von zweiProblemen.

In den verschiedenen Browsern werden die Größenangaben der div-Tags in den auf Prozentwerten basierenden Layouts unterschiedlich gerundet. Bei der Darstellung eines Werts wie 144,5 Pixel oder 564,5 Pixel in einem Browser muss dieser Wert auf die nächste Ganzzahl gerundet werden. Safari und Opera rundendenWert ab, Internet Explorer rundet auf und Firefox rundet um eine Spalte auf und um eine Spalte ab und füllt den Container vollständig auf. Dies kann zu Uneinheitlichkeiten in einigen Layouts führen. In diesem bedingten Kommentar für InternetExplorerist ein negativer Rand mit 1 Pixel festgelegt, um das Problem in IE zu beheben. Sie können diesen Rand in jeder Spalte (rechts oder links) einfügen, um das Layout entsprechendanzupassen. Dem Anker wurde innerhalb der Navigationsliste die zoom-Eigenschaft hinzugefügt, da in IE6 und IE7 in einigen Fällen zusätzlicher Leerraum dargestellt wird. Mit der zoom-Eigenschaft erhält IE die proprietäre Eigenschaft hasLayout zum Beheben diesesProblems.

Hintergründe

Die Hintergrundfarbe für jedes div-Tag wird grundsätzlichnurfür die Länge des Inhalts angezeigt. Wenn SieeineHintergrundfarbe oder einen Rahmen für die Darstellung einer Randspalte verwenden, erstreckt sich die Hintergrundfarbe oder der Rahmen daher nicht auf die gesamte Fußzeile, sondern endet mit dem Ende des Inhalts InhaltDie oben stehenden Hyperlinks stellen eine allgemeine Navigationsstruktur dar, bei der eine ungeordnete Liste mit CSS formatiert wird. Verwenden Sie diese Navigationsstruktur als Ausgangspunkt und ändern Sie die Eigenschaften, um Ihre Website nach Ihren Vorstellungen zu gestalten. Wenn Sie Ausklappmenüs verwenden möchten, erstellen Sie ein eigenes Menü auf Grundlage eines Spry-Menüs,eines Menü-Widgets aus Adobe Exchange oder einer Vielzahl anderer JavaScript- oder CSS-Lösungen.

Wenn sich die Navigationsstruktur am oberen Rand befinden soll, verschieben Sie ul.nav an den oberen Rand der Seite und erstellen Sie die FormatierungneuDiese.footer-Regel enthält die Deklaration position:relative.So erhält Internet Explorer 6 die Eigenschaft hasLayout für.footer,damit die clear-Anweisung korrekt ausgeführt wird. Kannentferntwerden,wenn IE6 nicht unterstützt werdenmuss.