power-box.de
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 29.07.2004, 03:11   #1
TP-Junior
 
Registriert seit: Jul 2004
der_bodist macht alles soweit korrekt

abgerundete ecken


Hallo!
Ich hatte zuerst ein tabellenbasiertes Layout, nun wollte ich auf css umsteigen.

Da mein Inhaltsbereich abgerundete ecken hatte, wollte ich diese auch behalten. Im internet habe ich nun gefunden, dass es für geko-browser dafür schon eine möglichkeit gibt mit -moz-border-radius.

Nun will ich aber auch für die IE-User dies anbieten.

Ich habe ein wenig rumgebastelt, allerdings schaffe ich es nicht, dass im IE das Ganze richtig angezeigt wird.
Am unteren Rand der Box habe ich einen 1-Pixel-breiten Abstand zum Rand.
Woran kann dies liegen?
http://www.valenta-aquaristik.de/test/

MfG
Matthias
Miniaturansicht angehängter Grafiken
abgerundete-ecken-ecke.gif  
der_bodist ist offline   Mit Zitat antworten


Alt 29.07.2004, 03:31   #2
TP-Urgestein
 
Benutzerbild von webcreate
 
Registriert seit: Nov 2003
Ort: NRW
webcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichts
formatier mal das CSS der calss inhalt so:
Code:
 #inhalt {position:absolute; top:160px; left:150px; background:#FFFFFF;float:right; width:800px; padding-bottom: 4px;}
Sollte einer der CSS-Götter eine bessere Lösung haben...bitte.
Leider ist das d unten links etwas angemackt (im IE) aber bei 5px ist die Linie wieder da.
__________________
Gruß Mark
Mein Blog zum TP || XING Profil || grafiker.de Profil || How to use GOOGLE
emCalculator 1.0

webcreate IT SOLUTIONS
www.webcreate-nrw.de

>>> der code ist so scheisse, soweit hab ich nicht gelesen <<<
webcreate ist offline   Mit Zitat antworten
Alt 29.07.2004, 03:42   #3
TP-Senior
 
Registriert seit: Jul 2004
Ort: Deutschland
HotSpot kann nur besser werden
Schläft hier denn niemand?
HotSpot ist offline   Mit Zitat antworten
Alt 29.07.2004, 03:44   #4
TP-Urgestein
 
Benutzerbild von webcreate
 
Registriert seit: Nov 2003
Ort: NRW
webcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichts
Schlafen? Was ist das?
Außerdem hab ich Zeit dafür wenn ich mal in der Kiste liege

PS: Lese gerade TP-Sucht
__________________
Gruß Mark
Mein Blog zum TP || XING Profil || grafiker.de Profil || How to use GOOGLE
emCalculator 1.0

webcreate IT SOLUTIONS
www.webcreate-nrw.de

>>> der code ist so scheisse, soweit hab ich nicht gelesen <<<
webcreate ist offline   Mit Zitat antworten
Alt 29.07.2004, 03:57   #5
TP-Senior
 
Registriert seit: Jul 2004
Ort: Deutschland
HotSpot kann nur besser werden
Ja das Forum hat was, aber es könnte ruhig noch einiges mehr los sein.
HotSpot ist offline   Mit Zitat antworten
Alt 29.07.2004, 10:40   #6
TP-Veteran
 
Benutzerbild von Terry
 
Registriert seit: Mar 2004
Terry hilft, wo's gehtTerry hilft, wo's gehtTerry hilft, wo's geht
Bin sicher kein CSS-Gott, erlaube mir aber ein paar Anmerkungen.....

Es gibt mehrere Methoden, das zu realisieren, man muss auch nicht unbedingt absolut positionieren dafür, sondern kann die Box auch ganz flexibel halten - z.B.
http://www.redmelon.net/tstme/4corners/
http://kalsey.com/2003/07/rounded_corners_in_css/
http://www.andreas-kalt.de/webdesign...unde_ecken.htm

so als Anregung....

Bei Deiner Seite sind mir noch Positionierungsfehler aufgefallen:
Du hast für die Boxen sowohl position:absolute; als auch float angegeben. Und das schließt sich gegenseitig aus - entweder Du bestimmst pixelgenau, wo die Box hin soll, oder Du läßt floaten - beides geht nicht. Deine Variante ist zudem nur auf 1024px Monitorbreite ausgelegt - überlege, ob das so sein muß/soll.
__________________
Grüße, Terry
Terry ist offline   Mit Zitat antworten
Alt 29.07.2004, 12:00   #7
TP-Junior
 
Registriert seit: Jul 2004
der_bodist macht alles soweit korrekt
ersteinmal danke für die hilfe
habe ein wenig rumgebastelt und bin auch schon ne ganze ecke weiter gekommen.

Nur habe ich jetzt ein paar andere probleme:
wie kriege ich es hin, dass der inhalts-div grundsätzlich 100% hoch ist, und der inhalt dann mit overflow:auto angezeigt wird. Das krieg ich nur mit pixel-Angaben hin.

Desweiteren irritiert mich der Srollbalken im IE auf der linken Seite. Normalerweise müsste dieser doch durch width/height: 100% für html und body und dann zusätzlich overflow:auto verschwinden.

Nur klappt dies nicht. Wenn ich die Größe auf 100% definiere, habe ich sofort horizontale und vertikale scrollleisten.

Wäre echt nett, wenn mir jemand helfen könnte, ich steh gerade echt aufm Schlauch.

MfG
Matthias
der_bodist ist offline   Mit Zitat antworten
Alt 29.07.2004, 12:14   #8
TP-Veteran
 
Benutzerbild von Terry
 
Registriert seit: Mar 2004
Terry hilft, wo's gehtTerry hilft, wo's gehtTerry hilft, wo's geht
Das Inhalts-Div sollte eigentlich auch 100% hoch sein können, wenn body und html 100% hoch sind - html ist dabei aber wichtig, body reicht nicht.

100% bedeutet immer genau eine Monitorhöhe. Damit das ohne Scrollbalken klappt, musst Du im body,html margin und padding auf 0 setzen und darfst logischerweise auch nichts mehr über dem Inhaltscontainer haben (keinen header oder sonstwas). Dann müßte es aber funktionieren.
__________________
Grüße, Terry
Terry ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Traum-Talk > Webdesign & Co.
abgerundete ecken abgerundete ecken
« Name von online Browser-Check Tools gesucht | Fireworks-HTML in PHP-file stellt nicht richtig dar »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Ausblendbild mit runden Ecken in ein Rechteck einfügen Torsten Fireworks 5 27.05.2004 10:28
Abgerundete Ecken - 1 px Erny Photoshop 7 07.03.2004 00:14
ecken abrunden photoshoppi Vektor 2 02.03.2004 00:09
Bild mit abgerundeten Ecken??? vincent26 Photoshop 2 06.07.2003 18:29
Abgerundete Ecken um ein Bild und färbig ? Steven Fireworks 6 09.09.2002 19:05


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:29 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67