Centrera kalender och kommentarrutan i CSS koden

Använder Bioblog när jag skriver dagbok.
Man kan bara styra layouten genom CSS kod.
Gillar min layout ganska bra som den e nu
de e bara tre saker jag vill ändra .

* Längst upp på sidan finns kalendern,
just nu ligger den till vänster, hur skriver
jag om jag vill ha den centrerad ??

* Längst ner på sidan finns kommentarrutan,
just nu ligger den till vänster, hur skriver
jag om jag vill ha den centrerad ??

* Under kalendern ser man dom olika datumen jag skrivit
dagbok på, jag vill inte att dessa ska synas eftersom det räcker
att man ser datumen i kalendern, så hur får jag bort detta ??

För att se dagboken live gå till
http://www.pinkrose.se
Och klicka på Diary -> Diary

Så här sen min CSS kod ut :

body { 
scrollbar-face-color: #EBD2F0;
scrollbar-shadow-color: #EBD2F0;
scrollbar-highlight-color: #EBD2F0;
scrollbar-3dlight-color: #EBD2F0;
scrollbar-darkshadow-color: #9B3AAF;
scrollbar-track-color: #EBD2F0;
scrollbar-arrow-color: #000000;

} 
BODY {CURSOR : URL("http://pink-baby.com/copyright/cursor/cursor13.ani")}

input, button, select {font-family: Tahoma, Verdana, Arial;
font-size: 11px;
background-color: #ffffff;
border: 1px solid #000000;
padding: 1px 3px;
height:18px
}

.formular {  
color: #000000;
font-family: Tahoma, verdana, arial; 
font-weight:bold; 
font-size:11px;
letter-spacing: 1px;
}

.message
{
 COLOR:#000000;
}

.comment
{
 COLOR:#000000;
}
.TextField
{

    BORDER: #000000 1px solid;

 COLOR:#000000;
    FONT-SIZE:8pt;
 BACKGROUND-COLOR:#ffffff;
 FONT-FAMILY:Tahoma, Verdana, Geneva, Arial, Sans-serif;
}
.Button
{

    BORDER: #000000 1px solid;

 COLOR:#000000;
    FONT-SIZE:8pt;
 BACKGROUND-COLOR:#ffffff;
 FONT-FAMILY:Tahoma, Verdana, Geneva, Arial, Sans-serif;
 FONT-WEIGHT:bolder;
}
.headline
{
 FONT-SIZE:10pt;
}

a:link { color: #7E318E;text-decoration:none;font-weight: bold;} 
a:visited { color: #7E318E;text-decoration:none;font-weight: bold;} 
a:active { color: #7E318E;text-decoration:none;font-weight: bold;} 
a:hover {color: #000000;text-decoration:underline overline; background:#ffffff; position: relative; left: 1px; top: 1px;}

body { font-family: Tahoma, verdana, arial; font-size: 11px;font-color:#000000;} 
p,br { font-family: Tahoma, verdana, arial; font-size: 11px;font-color:#000000;} 
li{ font-family: Tahoma, verdana, arial; font-size: 11px;font-color:#000000;} 
table{ font-family: Tahoma, verdana, arial; font-size: 11px;font-color:#000000;} 
td { font-family: Tahoma, verdana, arial; font-size: 11px;font-color:#000000;}
tr { font-family: Tahoma, verdana, arial; font-size: 11px;font-color:#000000;}
h1 { width: 402px; height: 150px; background: url(diarytop1.jpg) no-repeat; color: #EBD2F0;
h1 span { display: none; }
font-family: Tahoma, verdana, arial;
font-weight: bold;
font-size:13px;
font-variant:small-caps;
letter-spacing: 2px;
border-top-width:1px;
border-bottom-width:1px;
border-right-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#44495E;
border-bottom-color:#44495E;
border-right-color:#44495E;
border-left-color:#44495E;
padding-left: 4%}
h2{
background:url("http://www.pinkrose.se/dagbokstyle/vit.gif");
font-family: Tahoma, verdana, arial;
font-weight:normal;
font-size:12px;
font-style:italic;
letter-spacing: 1px;
border-top-width:1px;
border-bottom-width:1px;
border-right-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#44495E;
border-bottom-color:#44495E;
border-right-color:#44495E;
border-left-color:#44495E;
letter-spacing:1px;
padding-left: 4%}
h3{
background:url("http://www.pinkrose.se/dagbokstyle/lilaljus.gif");
font-family: Tahoma, verdana, arial;
font-weight:normal;
font-variant:small-caps;
font-size:12px;
letter-spacing: 1px;
border-top-width:1px;
border-bottom-width:1px;
border-right-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#44495E;
border-bottom-color:#44495E;
border-right-color:#44495E;
border-left-color:#44495E;
letter-spacing:1px;
padding-left: 4%}

h4{
background:url("http://www.pinkrose.se/dagbokstyle/vit.gif");
font-family: Tahoma, verdana, arial;
font-weight:normal; 
font-size:12px;
letter-spacing: 1px;
border-top-width:1px;
border-bottom-width:1px;
border-right-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#44495E;
border-bottom-color:#44495E;
border-right-color:#44495E;
border-left-color:#44495E;
letter-spacing:1px;
padding-left: 4%;
   border: 1px dashed #000000;
}
body { 
color: #000000; 
background: #EBD2F0; 
margin: 0px; 
}

#title{margin-top:15px}
.text{font-family:verdana}
#page{margin-left:12px}

Va ????

Ingen som kan hjälpa mig ??

För att centrera:

.foo { margin-left:auto; margin-right:auto; width:200px; }

Du lär behöva lägga dit en doctype-deklaration som triggar standards mode i IE6 dock, eller använda text-align:center på elementets förälder och sedan "rätta till" text-align på elementet i fråga. Det är ett felbeteende hos IE6 i quirks mode som den ärvt från IE5.

.bar { text-align:center; }
.foo { text-align:left; margin-left:auto; margin-right:auto; width:200px; }

<div class="bar">
 <table class="foo">
  ...
 </table>
</div>

pinkrose skrev:

Under kalendern ser man dom olika datumen jag skrivit
dagbok på, jag vill inte att dessa ska synas eftersom det räcker
att man ser datumen i kalendern, så hur får jag bort detta ??

Här förstår jag inte riktigt vad du menar...

Du får ursäkta men jag fattar inte ett barr *skäms*
Du pratar för avancerat/proffsigt för att en liten amatör som jag ska fatta *rodnar*

En annan sak jag kan INTE skriva i html koden
jag kan bara skriva i CSS koden.
Jag använder en blog genom bioblog och det
enda sättet att ändra utseende är att använda en egen CSS kod.

Okej, sorry... :r

Gör såhär:

#recentEntries, #msgTable { text-align:center; }
#recentEntries table, #msgTable table { text-align:left; margin-left:auto; margin-right:auto; }

:)