[HaBo]

TeeKayo2

Anzeige

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

freak4fun

.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

Indi

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.

Mackz

Btw: Opera zentriert den Inhalt ebenfalls nicht ... 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-bo...-border-radius

__________________
RL sux big time... auch 2012!

Deleting pr0n is like killing your best friend

[HaBo] bei Facebook - Werde Fan

TeeKayo2

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

Indi

Ist es auch nicht. Aber die Entwickler von Internetbrowsern zielen darauf ab, neue Versionen mit den neuen Standards kompatibel zu machen. Ähnlich dem Reinheitsgebot

TeeKayo2

Ja wird auch Zeit finde ich

Danke, alle Fragen beantwortet )