Web design med vertikal sentrering
Retrospekt ble startet fordi jeg ønsket å lære mer om hvordan internett fungerte. Og fram til i dag har jeg benyttet en rekke forskjellige verktøy, metoder og teknikker. Jeg har funnet de jeg behøver og har etter hvert lært å beherske dem. Nå har Retrospekt sett ut slik den gjør i et par år og det er på tide å forsøke endringer. Ikke bare for endringenes egen skyld, men også for å prøve nye teknikker og verktøy.
Jeg har gått fra HTML til XHTML og har også benyttet CSS, om enn i beskjeden grad. Så neste versjon skal bygges på XHTML 1.0 Strict og CSS 2/3. Og spesielt var jeg interessert i å klare meg uten tabeller. Tabeller gjør det enkelt å plassere innhold på sidene, men det er blitt så altfor mange av dem, ikke minst av tabeller i tabeller i tabeller…….
Og jeg vil fortsette å vise bilder på Retrospekt. Liggende og stående og plassert midt på skjermen. Og hittil har det fungert utmerket. Helt til jeg forsøkte et design uten tabeller.
Av en eller annen grunn har de som har laget XHTML 1.0 og CSS 2/3 ikke lagt inn muligheten til å sentrere et bilde (eller noe annet?) vertikalt! Horisontalt går bra, men vertikalt fungerer ikke!
Mitt håp var at jeg ikke behøvde å vite størrelsen på bildet når jeg la det ut, eller om det var liggende eller stående, men fikk det plassert "smack" i midten uansett. Jeg har vandret litt rundt på forskjellige websteder og fora for å se om det var noen gode forslag der ute, men fant bare noen svært intrikate måter å gjøre det på.
Og når W3C lager nye regler så følger jo gjerne browser-utviklerne etter (etter hvert) slik at alt rendres (i hvert fall sånn noenlunde) likt i de forskjellige.
Så hvorfor i all verden finnes ikke vertikal sentrering? Jeg mener i et design uten tabeller. Er det noen spesiell årsak til det som jeg ikke har fått med meg? |