Kamelhengst:Nachteule/Test

2010-03-03T14:30:52Z

84.135.182.88:

<div style="border:1px solid green; border-radius: 0.5em; padding:10px;">Hund, Katze, Maus und Kamel ...</div>

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

{|cellspacing="10px"
|Browser
|rund?
|wird's rund?
|-
|IE (5,6,7,8)
|nö, natürlich nicht
|wird wohl in IE9 rund
|-
|Firefox 3.6
|nö
|
|-
|Chrome 3.x
|??
|Chrome 5.x jawoll
|-
|Safari 4
|nö
|
|-
|Opera 10.50
|jau
|
|-
|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
|
|-
|Firefox 3.6
|nö
|
|-
|Chrome 3 - 5 dev
|nö
|
|-
|Safari 4
|
|
|-
|Opera 10.50
| jau
|
|-
|Flock 2.0.3
|
|
|}

Kamelopedia - Kamelbeiträge [de]

Kamelhengst:Nachteule/Test