|
||||
Runde Ecken mit Div´s und Bildern
Hallo,
warum funktioniert mein runde Ecken Layout bloß nicht richtig? Also wenn man das Explorer-Fenster resized, dann bricht das grüne Text-Div manchmal aus dem Rahmen heraus und zerschiesst des Layout. Und im Firefox reisst das Grüne Div manchmal sogar noch die Ecke mit. Hier ist das Übel: http://jugend-pivitsheide.de/rund/index2.html |
Sponsored Links |
|
||||
so, ich habe jetzt noch eine zweite Lösung der "runde Ecken mittels Div mit Bildern" erstellt.
Hier sind die divs anders verschachtelt, also nicht so wie in Version 1 sondern wie in Version 2. Siehe Anhang. Was denkt ihr, welche ist die bessere Variante? Nachteil an der zweiten Variante ist, dass nur fixe Größen funktionieren. Nachteil an Version 1 ist, dass es nicht richtig funktioniert ;o) hier als Link zur HTML: Version 1 Version 2 Getestet hab ich mit FF 1.5, IE6.0, IE 5.0 und Opera8.5. Version 1: Opera und FF gleiches Ergebnis IE6+5 gleiches Ergebnis. (Siehe vorherigen Eintrag.) Version 2: In allen Browsern waren es die gleichen Ergebnisse. (Korrekte Anzeige.) |
Sponsored Links |
|
|||
Hallo unclesam
Ist zwar schon lange aufm Netz aber sicher noch aktuell. Hab mir den Code net angeschaut, scheint aber zu funzen. Check dieses Tutorial mal aus... http://www.andreas-kalt.de/webdesign...ls/runde-ecken Gruss Pierre |
|
||||
Wehe du schreibst mir nochmal eine PM, nur weil dir keiner Antwortet, sowas macht man nicht.
Code:
body{ background:#F4F2F2; } #main{ width:100%; min-width:800px; float:left; } #top{ width:100%; height:26px; background:url(bilder/rimNG_design2_slices_05.gif) repeat-x; } #top_left{ width:12px; height:26px; float:left; background:url(bilder/rimNG_design2_slices_04.gif); } #top_right{ width:15px; height:26px; float:right; background:url(bilder/rimNG_design2_slices_07.gif); } #center{ background:#D6D8D8 url(bilder/rimNG_design2_slices_49.gif) repeat-y; border-left:1px solid #d5d7d8; padding:0 0 0 10px; } #center:after { content:"."; display:block; clear:both; height:0; visibility:hidden; } #content{ padding:0 16px 0 0; background:url(bilder/rimNG_design2_slices_48.gif) top right repeat-y; } #bottom{ width:inherit; height:15px; background:url(bilder/rimNG_design2_slices_51.gif) repeat-x; } #bottom_left{ width:11px; height:15px; float:left; background:url(bilder/rimNG_design2_slices_50.gif) no-repeat; } #bottom_right{ width:16px; height:15px; float:right; background:url(bilder/rimNG_design2_slices_53.gif) no-repeat; } #center_left,#center_right { display:none; }
__________________
Bitte keine PN's - schreibt mir ne anständige Mail oder sprecht mich über Msn / Icq an Milian Wolff | Markdownify | Typogridder |
|
||||
höhöhö, das geht. FETT. Einen Herzlichsten Dank.
Aber was macht das hier?: Code:
#center:after { content:"."; display:block; clear:both; height:0; visibility:hidden; } |
|
||||
nochmals die Frage nach dem Rand links im IE. Weiß jemand, woran das liegt?
Mit euer Hilfe hab ich es aber shcon weit geschafft. Habe nun allerdings noch ein weiteres Problem, nämlich das die Tabs hier http://jugend-pivitsheide.de/rund/index3_1.html nicht genau am Inhalt dran sind. Keine Ahnung warum da eine Lücke ist. Kein Padding, kein margin aber trotzdem eine Lücke... |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Nicht erwünschte runde Ecken für select in Safari | Holley | CSS | 7 | 10.11.2014 17:28 |
IE - runde Ecken mit Transparenz ohne Grafiken? | freshUser | CSS | 19 | 17.03.2011 21:55 |
Runde Ecken mit Hintergrund | Phil2812 | CSS | 0 | 04.09.2010 18:14 |
Runde Ecken mit CSS oder Bildern? | Cu Chullain | CSS | 3 | 16.04.2009 19:18 |
Runde Box (bzw. runde Ecken) | l2107 | CSS | 3 | 08.02.2004 04:19 |