centrer float: left

Hej Lars

Jeg har lavet en ligende løsning på http://www.illux.dk

Du skal være velkommen til at lade dig inspirere lidt herfra. Der har jeg både centreret billedet horisontalt og vertikalt. Men så vidt jeg kan huske var den horisontale centrering forholdvis ligetil. Det er vidst bare noget med at sætte billedets margin til:

margin:0 auto;

Så skulle den selv tilpasse margin til venstre og højre.

Men hvis det ikke virker, så kig lidt i min kode på www.illux.dk (under fotografier)

Jeg har prøvet med margin 0 auto, men uden held.
Blev desværre heller ikke klogere ved at kigge på din side :(

Hvis margin: auto; skal virke, skal elementet have en defineret bredde !-)

-- men et billede er et inline element, så man kan 'bare' sætte text-align: center; på det omkransende block-level element !o]

Lars: Løsningen findes i min kode, jeg gider bare ikke finde det for dig. Se i HTML'en, kig på de klasser jeg har defineret og find dem i min CSS. Her et sted har du løsningen

Alternativt kan du jo søge på Google:

http://www.google.dk/search?q=html+css+center+element
(se fx 3. resultat)

Ja, eller gør bare som roenving siger.. Sorry det overså jeg lige :)

hvis i mener det virker, så kunne i jo prøve at tage den gode på min side og selv rette i den... Men jeg har droppet det, da det alligevel ikke komme til at passe til designet

Ja okey, havde ikke lige lagt mærke til alle de andre fejl der er i din kode.

Fx er li et liste-element som skal placeres inden i et ul-element. At du så samtidig floater den til venstre (og derved forsøger at gøre det til en block-element) men lige nedenunde ombestemmer dig og laver det til et inline-element. Ja, det kan nok også godt lave lidt rod i det.

Ja, så fejlen kan ligge mange steder.

ja :/
Og ser ud til at jeg har fået det ødelagt så meget, at det ikke virker i IE mere.
Hvis du åbner siden i Firefox, så vil du se at navnet på billedet kommer ovenpå billedet :) Men som sagt, det er ligemget nu :)