20. september 2002 - 00:13Der er
12 kommentarer og 2 løsninger
Billede vises korrekt ved alle skærmopløsninger
Et billede passer fint i størrelsen i skærmopløsning 800x600, men det gentages delvist ved større skærmopløsninger. Findes der en enkel metode, så billedet ses i sin helhed - uden gentagekser - i alle skærmopløsninger, uden at man behøver lave en side for hver opløsning? Eller kan man i det mindste placere billedet, så det står midt på siden (både vertikalt og horisontalt) uanset skærmopløsning? Andre forslag til elegante løsninger er velkomne.
Baggrundsbillede placeret i midten af siden: <head> <style type = "text/css"> <!-- body {background: red url(bg.gif] center center no-repeat} --> </style>
til sukos: ja, et baggrundsbillede. til spe: bruger Frontpage 2000 til det grove, baserer layoutet på en manuelt skrevet stylesheet CSS. Så jeg afprøver lige knudgerts model.
Jeg har prøvet en CSS, der hedder: BODY { background-image: url(mit_billede.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: center center } og det ser rimeligt ud. Det løser ikke problemet med at få billedet til at fylde helt ud ved større skærmopløsninger, men det kan godt bruges som en middel-løsning. Hvis andre har bud på det med at få hele billedet til at fylde ud ved alle skærmopløsninger, hører jeg det gerne.
Billedet skal nok kun være på en side, men HVIS det skal være på flere sider, hvordan skal den kode, som jeg har brugt, se ud på henh. eksternt stylesheet og på siderne med billedet?
Du kan ikke få et baggrundsbillede til at strække over hele siden, dels ville billedet blive unødigt stort eller også vil det blive pixeleret, hvis det er et mindre.
Det absolut pæneste er at centrere billedet og så vælge en passende baggrundsfarve udenom.
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.