Float naar center

[Verwijderd]

Hey mensen,

Ik ben bezig met een nieuwe website.
Ik wil graag een DIV-element (ik noem het nu .headerinfo) in het midden krijgen van een ander DIV-element (ik noem het .header, .header zit vast aan de zijkanten en bovenkant van de brouwser met behulp van "margin: 0;") headerinfo moet ongeveer 70 pixels los zitten aan de bovenkant en in het midden als het graat om horizontaal.

Ik zit nu vast met dit probleem. Om .headerinfo in het midden te krijgen (horizontaal) kan ik "margin: 0 auto" gebruiken zodat ie niet vast zit met een bepaalde waarde aan bijvoorbeeld de linkerkant. Om .headerinfo aan de bovenkant wil losmaken van de bovenkant van de brouwser kan ik gebruik maken met "float:left/center" en "margin-top" gebruiken. Maar "margin: 0 auto" werkt niet samen met "float".

Hoe kan ik er voor zorgen dat .headerinfo precies in het midden komt van .header (zowel boven-onderkant als linker-rechterkant) Is er dus bijvoorbeeld een mogelijkheid om "float:center" te gebruiken of zo iets?

Niels

(Ik zit nu niet op mijn computer, heb hem nu ook niet beschikbaar, over een half uur of zo iets weer, als iemand vraagt voor code kan ik het pas over een half uur sturen, sorry )

[AerosPhere]

Als je in .headerinfo alleen een image of tekst wilt hebben kan je text-align: center gebruiken.

anders zou je .header een vaste breedte kunnen geven zodat je op .headerinfo wel margin: 0 auto; kunt gebruiken.

ps: ipv dat je een div de class header gaat geven, kan je in dit geval ook de <header> tags gebruiken.

[MueR]

Dan probeer het nog maar eens als je wel een testcase kan maken. Zoals gisteren nog aangegeven, het is hier geen helpdesk.