|
||||
runde ecken - anzeige fehler
Hi,
ich arbeite gerade an nem layout und steh vor nem Problem: ich hab teaserboxen, die runde ecken bekommen sollen. Die rechte Ecke wird der Teaserbox selbst zugewiesen und die linke der h2. sieht am ende so aus: Code:
<div id="main"> <div id="teaser-left"> <h2>Lorem ipsum</h2> <p>dolor sit amet, consectetuer adipiscing elit. Fusce tempus pellentesque est. Vivamus suscipit luctus libero. Donec faucibus erat in massa varius hendrerit. Proin at sapien. Quisque arcu dolor, posuere sit amet, lacinia id, convallis sed, pede. Phasellus nisi. Nunc dui. Aliquam odio risus, euismod nec, tincidunt sit amet, molestie a, lorem. Integer risus libero, dapibus faucibus, porttitor eget, pulvinar et, magna. Praesent iaculis. Aenean imperdiet risus ut nisl. Curabitur ullamcorper ligula faucibus purus. Proin ac mi. Morbi aliquam est et ipsum. In congue tellus non lorem. Fusce gravida. Pellentesque urna diam, bibendum nec, dictum et, sagittis vitae, diam. </p> </div> <div id="teaser-middle"> <h2>Lorem ipsum</h2> <p>dolor sit amet, consectetuer adipiscing elit. Fusce tempus pellentesque est. Vivamus suscipit luctus libero. Donec faucibus erat in massa varius hendrerit. Proin at sapien. Quisque arcu dolor, posuere sit amet, lacinia id, convallis sed, pede. Phasellus nisi. Nunc dui. Aliquam odio risus, euismod nec, tincidunt sit amet, molestie a, lorem. Integer risus libero, dapibus faucibus, porttitor eget, pulvinar et, magna. Praesent iaculis. Aenean imperdiet risus ut nisl. Curabitur ullamcorper ligula faucibus purus. Proin ac mi. Morbi aliquam est et ipsum. In congue tellus non lorem. Fusce gravida. Pellentesque urna diam, bibendum nec, dictum et, sagittis vitae, diam. </p> </div> <div id="teaser-right"> <h2>Lorem ipsum</h2> <p>dolor sit amet, consectetuer adipiscing elit. Fusce tempus pellentesque est. Vivamus suscipit luctus libero. Donec faucibus erat in massa varius hendrerit. Proin at sapien. Quisque arcu dolor, posuere sit amet, lacinia id, convallis sed, pede. Phasellus nisi. Nunc dui. Aliquam odio risus, euismod nec, tincidunt sit amet, molestie a, lorem. Integer risus libero, dapibus faucibus, porttitor eget, pulvinar et, magna. Praesent iaculis. Aenean imperdiet risus ut nisl. Curabitur ullamcorper ligula faucibus purus. Proin ac mi. Morbi aliquam est et ipsum. In congue tellus non lorem. Fusce gravida. Pellentesque urna diam, bibendum nec, dictum et, sagittis vitae, diam. </p> </div> </div> Code:
div#main { width:100%; float:left; clear:both; } div#main div#teaser-left { width:30%; float:left; margin: 0 2px; background:#c3bb1f url(teaser-left-corner-right.png) top right no-repeat; } div#main div#teaser-left h2 { background:#c3bb1f url(teaser-left-corner-left.png) top left no-repeat; } div#main div#teaser-middle { width:30%; float:left; padding: 5px 10px; } wenn man das BG für h2 weglässt wird die rechte allerdings korrekt angezeigt: Kanedo CMS ich bin planlos...
__________________
Meine Spielwiese: http://blog.kanedo.net Ich bei Flickr? Da: Flickr: Fotostream von kanedo-projekt Für open Source Liebhaber: open Com Auch ich Zwitschere als @kanedo |
Sponsored Links |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
IE - runde Ecken mit Transparenz ohne Grafiken? | freshUser | CSS | 19 | 17.03.2011 21:55 |
Redesign für Steiner Cycling Team | pkipper | Site- und Layoutcheck | 11 | 09.02.2011 13:25 |
Runde Ecken mit Hintergrund | Phil2812 | CSS | 0 | 04.09.2010 18:14 |
Runde Box (bzw. runde Ecken) | l2107 | CSS | 3 | 08.02.2004 04:19 |