Benutzer:Nachteule/Test: Unterschied zwischen den Versionen

aus Kamelopedia, der wüsten Enzyklopädie
Zur Navigation springen Zur Suche springen
K
 
(10 dazwischenliegende Versionen von 6 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
 
<div style="border:1px solid green; border-radius: 0.5em; padding:10px;">Hund, Katze, Maus und Kamel ...</div>
 
<div style="border:1px solid green; border-radius: 0.5em; padding:10px;">Hund, Katze, Maus und Kamel ...</div>
  
−
Ecken rund ("border-radius" ohne browserzpezifischen Hickhack)?
+
Ecken rund ("border-radius" ohne browserszpezifischen Hickhack)?
 +
 
  
 
{|cellspacing="10px"  
 
{|cellspacing="10px"  
Zeile 10: Zeile 11:
 
|IE (5,6,7,8)
 
|IE (5,6,7,8)
 
|nö, natürlich nicht
 
|nö, natürlich nicht
−
|wird wohl in IE9 rund
+
|IE9 ja
 
|-
 
|-
−
|Firefox 3.5
+
|Firefox 3.6
 
|nö
 
|nö
−
|wohl in Firefox 3.6
+
|Firefox 4 ja
 
|-
 
|-
 
|Chrome 3.x
 
|Chrome 3.x
 
|??
 
|??
−
|Chrome 4.x jawoll
+
|Chrome 5.x jawoll
 
|-
 
|-
 
|Safari 4
 
|Safari 4
 
|nö
 
|nö
 +
|Safari 5 ja
 +
|-
 +
|Opera 10.50
 +
|jau
 
|
 
|
 
|-
 
|-
−
|Opera 10.10
+
|Flock 2.0.3
 +
|nö
 +
|
 +
|}
 +
 
 +
{{sv}} [http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28CSS%29 die englischen „Experten“]
 +
 
 +
 
 +
<div style="background-color:#000;padding:20px;">
 +
<div style="background-color:#fff;opacity:0.5;padding:20px;">Weißer Hintergrund 50% transparent oder 50% deckend, jenachdem. Wenn's grau ist, ist's gut, wennich, dann kanns der Browser nüscht.</div></div>
 +
<br /><br />
 +
----
 +
<br/> <br />
 +
<div style="margin-left:20px;border:1px solid #aaa; border-radius: 0.5em; box-shadow: 3px 3px 3px #888; padding: 5px 5px 5px 15px; padding:10px; background:#FFF293;">Hund, Katze, Maus und Kamel ...</div>
 +
<br/>
 +
<div style="margin-right:20px;border:1px solid #aaa; border-radius: 0.5em; box-shadow: 10px 10px 5px #888; padding: 5px 5px 5px 15px; padding:10px; background:#FFF293;">Hund, Katze, Maus und Kamel ...</div>
 +
<br/>
 +
<div style="margin-left:-40px;margin-right:60px;border:1px solid #aaa; border-radius: 0.5em; box-shadow: 20px 20px 10px #888; padding: 5px 5px 5px 15px; padding:10px; background:#FFF293;">Hund, Katze, Maus und Kamel ...</div>
 +
 
 +
 
 +
<br/>
 +
Ecken rund + box-shadow
 +
 
 +
[[Datei:Boxshadowopera10.5.png|thumb|so ''solte'' es dann aussehen ...]]
 +
{|cellspacing="10px"
 +
|Browser
 +
|schattig?
 +
|wird's schattig?
 +
|-
 +
|IE (5,6,7,8)
 +
|nö, natürlich nicht
 +
|IE9 ja
 +
|-
 +
|Firefox 3.6
 
|nö
 
|nö
−
|Opera 10.50 jawoll
+
|Firefox 4 jau
 +
|-
 +
|Chrome 3 - 9 dev
 +
|nö
 +
|
 +
|-
 +
|Safari 4
 +
|
 +
|
 +
|-
 +
|Opera 10.50
 +
| jau
 +
|
 +
|-
 +
|Flock 2.0.3
 +
|
 +
|
 
|}
 
|}

Aktuelle Version vom 12. November 2010, 01:12 Uhr

Hund, Katze, Maus und Kamel ...

Ecken rund ("border-radius" ohne browserszpezifischen Hickhack)?


Browser rund? wird's rund?
IE (5,6,7,8) nö, natürlich nicht IE9 ja
Firefox 3.6 nö Firefox 4 ja
Chrome 3.x ?? Chrome 5.x jawoll
Safari 4 nö Safari 5 ja
Opera 10.50 jau
Flock 2.0.3 nö

Siehe auch.png Siehe vielleicht:  die englischen „Experten“


Weißer Hintergrund 50% transparent oder 50% deckend, jenachdem. Wenn's grau ist, ist's gut, wennich, dann kanns der Browser nüscht.





Hund, Katze, Maus und Kamel ...


Hund, Katze, Maus und Kamel ...


Hund, Katze, Maus und Kamel ...



Ecken rund + box-shadow

so solte es dann aussehen ...
Browser schattig? wird's schattig?
IE (5,6,7,8) nö, natürlich nicht IE9 ja
Firefox 3.6 nö Firefox 4 jau
Chrome 3 - 9 dev nö
Safari 4
Opera 10.50 jau
Flock 2.0.3
Abgerufen von „http://testpyramido.uni-guehlen.de/w/index.php?title=Benutzer:Nachteule/Test&oldid=420917“