Centrerad bild i CSS

Så här typ?
<div id="bild">
<img src="bild.jpg" width="333" height="96" />
</div>

#logo {
margin-bottom: 55px;
text-align: center;
}

Något i stil med följande borde fungera fint tycker jag. Tyvärr måste avstånden/storlekarna i id:n ändras beroende på bildens storlek, men så vitt jag vet finns inget riktigt bra alternativ om man inte gör så.

#splash {
position: absolute;
width: 200px;
height: 140px;
top: 50%;
left: 50%;
margin-top: -70px; /* halva bildhöjden */
margin-left: -100px; /* halva bildbredden */
}

<div id="splash">
<img src="/img/splash.gif" width="200" height="140" alt="splash" />
</div>

Det här gäller alltså centrering av bild i både höjd och bredd. Om du bara är intresserad av bilden hamna centerat i bredd blir det mycket enklare. Då räcker det med att använda "text-align: center;" på det omgivande blockelementet.

Kan man inte centrera en bild utan CSS ?

Jag är total pryo på CSS och har ingen aning om hur man använder sig av stilmallar.

Nån som orkar ge tips från a - ö hur jag får till det?

- Slice -

För att jag inte fattar hur man använder CSS.

Har aldrig satt mig in i det.

Behöver både hjälp och en spark i ändan.

- Slice -

Kolla här:
http://tom.me.uk/html-to-css/center-vertically.html
http://archivist.incutio.com/viewlist/css-discuss/25594
http://www.uwex.edu/infosys/ads/repository/index.cfm?action=show&id=4

Eller här:

http://www.w3schools.com/css/
http://www.alistapart.com/topics/css/
http://www.positioniseverything.net/
http://www.w3.org/2002/03/csslayout-howto

J.

http://bluerobot.com/web/css/center1.html
http://bluerobot.com/web/css/center2.html

Hehe...om man ska ge ÄNNU mer info:
Använder du Dreamweaver så finns det en extension hos www.projectseven.com som heter "Layout Designer2".
Den tar nåt som Dreamweaver kallar "layer" (eller "skikt" på svenska), dvs ett "absolutely positioned division" och placerar det som du vill med hjälp av lite javascript.
Om man blir spyfärdig av CSS och inte bangar för att får lite js (och ett par Kb extra kod) i dokumentet, så är detta en väldigt smidig väg: Klick-klick-klart.

Fast JS till det är ju helt onödigt. För övrigt så är A List Aparten av de absolut vassaste resurserna på nätet för webbbyggare.

Det är inte busenkelt att centrera ett block i css men det går.

DIV.x {width: 50%; margin-left: auto; margin-right: auto;}

CSS är bara bäst.
Och ska hackas för hand.
[OT]Ogvile byrån är kungar. De hackar allt för hand. Tror inte på visuella editorer.[/OT]

says an old school web developer.

GoLives CSS editor är annars sjukt bra. Så jag avstår från att hacka för hand, då jag ändå har 100% koll på koden där.
Well well...