af Kim Ludvigsen » søn okt 11, 2009 20:38
Tak, det hjalp. Problemet er, at du har angivet, at baggrundsbilledet skal centreres, mens du har angivet en fast placering af teksten. Det betyder, at det kun vil virke for besøgende, der har præcis samme browserstørrelse og skærmopløsning som dig. Samtidig vil der være en forskel mellem forskellige browsere, fordi fx Internet Explorer altid afsætter plads til højre rullebjælke, hvilket Firefox ikke gør.
Rullebjælken kan nemt ordnes - men det hjælper ikke på det andet problem, som er meget mere alvorligt.
Start med at lave en backup af siden.
Du har i øjeblikket angivet baggrundsbilledet på body, det skal du slette ved at åbne siden i kildekodevisning og slette denne kode:
<style type="text/css">
body {
background: #080808 url(Guitar.jpg) no-repeat fixed center;
}
</style>
Find herefter koden:
<div class="logo">
Og lige inden den, indsætter du:
<div class="side">
Find koden:
</html>
(nederst på siden) og lige inden den indsætter du:
</div>
Skift tilbage til almindelig visning. Du skal nu åbne css-editoren og oprette en ny stilregel med navnet
.side - skift til fanen Boks, og angiv bredden på boksen (svarende til baggrundsbilledets bredde). Under Margin skal du vælge auto ud for både venstre og højre.
Klik på fanen Baggrund og angiv baggrundsbilledet.
Du skal nu have ændret din venstremargin for logo, indhold, menu og old. Du skal sikkert blot have en margin på 20px eller noget i den stil.
Nu burde det se rigtigt ud, hvis ikke jeg har overset noget - jeg har ikke efterprøvet.
Nu mangler du blot at få indsat en fast rullebjælke. Åbn css-editoren. Opret stilen
body - klik på fanen Boks og angiv en højde på 101%. Så burde det også virke.
[quote="ThomasNikolajsen"]Har oprettet et midlertiddigt webhotel her.
http://www.sandorme.wep.dk[/quote]
Tak, det hjalp. Problemet er, at du har angivet, at baggrundsbilledet skal centreres, mens du har angivet en fast placering af teksten. Det betyder, at det kun vil virke for besøgende, der har præcis samme browserstørrelse og skærmopløsning som dig. Samtidig vil der være en forskel mellem forskellige browsere, fordi fx Internet Explorer altid afsætter plads til højre rullebjælke, hvilket Firefox ikke gør.
Rullebjælken kan nemt ordnes - men det hjælper ikke på det andet problem, som er meget mere alvorligt.
Start med at lave en backup af siden.
Du har i øjeblikket angivet baggrundsbilledet på body, det skal du slette ved at åbne siden i kildekodevisning og slette denne kode:
<style type="text/css">
body {
background: #080808 url(Guitar.jpg) no-repeat fixed center;
}
</style>
Find herefter koden:
<div class="logo">
Og lige inden den, indsætter du:
<div class="side">
Find koden:
</html>
(nederst på siden) og lige inden den indsætter du:
</div>
Skift tilbage til almindelig visning. Du skal nu åbne css-editoren og oprette en ny stilregel med navnet [b].side[/b] - skift til fanen Boks, og angiv bredden på boksen (svarende til baggrundsbilledets bredde). Under Margin skal du vælge auto ud for både venstre og højre.
Klik på fanen Baggrund og angiv baggrundsbilledet.
Du skal nu have ændret din venstremargin for logo, indhold, menu og old. Du skal sikkert blot have en margin på 20px eller noget i den stil.
Nu burde det se rigtigt ud, hvis ikke jeg har overset noget - jeg har ikke efterprøvet.
Nu mangler du blot at få indsat en fast rullebjælke. Åbn css-editoren. Opret stilen [b]body[/b] - klik på fanen Boks og angiv en højde på 101%. Så burde det også virke.
