Abgerundete Ecken, kleines Größenproblem...

T

TeeKayo2

0
Hi CommZ,

ich hab heute mal angefangen etwas mit css rumzuexperimentieren.
Dabei bin ich natürlich auch ned an abgerundeten Ecken vorbeigekommen und habe aus nem Tut. diese Einstellung hier:

.rounded
{
border:3px solid rgb(245, 249, 255);
-moz-border-radius:30px;
}

<--- schon etwas angepasst.

Nun siehts leider so aus, das der Rand die komplette Seite einnimmmt, bzw. was Rechts und Links angeht.

So siehts gerade aus: www.ihelpu.eu

Mag mir einer nen Tipp geben wie ich den Rand auf meine Tablegröße anpassen kann. Im Tut steht dazu leider nichts, das passt es "einfach".

Hab auch nichts gefunden über spezielle größeneinstellungen... deswegen hoffe ich kann mir einer von euch weiterhelfen.

Thx & MfG,

TK
 
.rounded{
border: 3px solid rgb(245, 249, 255);
-moz-border-radius: 30px;
width: 50%;
}

Alternativ noch einen Container mit Margin/ Padding drum rum.

MfG
freak
 
Zu beachten aber, dass das eben nur Mozilla macht, daher ist bei einem einheitlichen Design der Einsatz von kleinen gifs oder der generelle Verzicht sinnvoller. =) btw., IE7 zentriert dir den Inhalt nicht.
 
Btw: Opera zentriert den Inhalt ebenfalls nicht :P ... wird wohl darauf hinauslaufen das da Fehler im Code sind. (das Firefox unsauber ist und sich gerne mal nicht an die Standards hält ist ja bekannt.)

Ich würde ebenfalls dringend davon abraten Mozilla-spezifische, nicht standardkonforme CSS Styles zu verwenden. Schau dir mal http://www.albin.net/css/roundedcorners an.
Bis CSS3 kommt man eigentlich nicht drumrum das mit images zu machen. In CSS3 gibts dafür border-radius: http://www.w3.org/TR/2002/WD-css3-border-20021107/#the-border-radius
 
Hi,

Danke für eure Hilfe.
Das des nur in den Geckos geht hab ich schon gelesen, alle andere stellen die Tabelle dann aber "normal" da, finde ich also nicht so problematisch, das mit den Images ist irgendwie bissel complicated hab ich das Gefühl.

Oberes:

.rounded{
border: 3px solid rgb(245, 249, 255);
-moz-border-radius: 30px;
width: 50%;
}

Funktioniert leider übrigens nicht. Das verrückt nur mein Table bzw löst das center auf und ich habe danach garkeine runden Ecken mehr...!

EDIT:
Soo, hgat etwas gedauert aber nun siehts so aus wie ich es mir vorgestellt habe, ein herzliches Danke mal wieder an euch!!! *Daumenhoch*

So nebenbei wann soll den CSS3 rauskommen? und wieso soll dies aufeinmal für alle Browser kompatibel sein?

Thx 4 help!

MfG,

Tk
 
und wieso soll dies aufeinmal für alle Browser kompatibel sein?
Zum Vergrößern anklicken....

Ist es auch nicht. Aber die Entwickler von Internetbrowsern zielen darauf ab, neue Versionen mit den neuen Standards kompatibel zu machen. Ähnlich dem Reinheitsgebot ;)
 
Um antworten zu können musst du eingeloggt sein.
Zurück
Oben