/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
fixed baggrundsbillede
Fra : Tidemann


Dato : 30-04-06 17:36

Hej NG

Jeg ønsker mig en side hvor body har sort baggrund,
en ramme på 770px med et fixeret billede centreret midtpå,
og så indhold og menu der scroller!

Menuen skal være i højre side og jeg vil ikke ha´ ekstra scroll!!
Jeg har prøvet, men kan ikke finde ud af det...........
er der hjælp at hente??

Jeg kan sagtens fixe billedet på body, men kan det andet ikke lade sig gøre?

--
Venlig hilsen
Marianne
design af: - www.ragdollys-cat-link.dk - www.dhejne.dk
www.formdinfremtid.dk - www.royalmontana.dk


 
 
Erik Ginnerskov (30-04-2006)
Kommentar
Fra : Erik Ginnerskov


Dato : 30-04-06 20:20

Tidemann wrote:
> Hej NG
>
> Jeg ønsker mig en side hvor body har sort baggrund,
> en ramme på 770px med et fixeret billede centreret midtpå,
> og så indhold og menu der scroller!

I css:

body {
color: #fff;
background: url(bgimg.gif) center center fixed;
text-align: center; /* IE5.x-fix */
}
#side {
width: 770px;
margin:auto;
text-align: left; /* korrektion for IE5.x-fix */
position: relative;
}
#menu {
position: absolute;
top: 0;
right: 0;
width: 170px;
}
#indhold {
padding: 10px 180px 10px 15px;
}

I html:

<[DTD]>
<html>
<head>
[indhold i header]
</head>
<body>
<div id="side">
<div id="menu">[menukoder]</div>
<div id="indhold">[sidens indhold]</div>
</div>
</body>
</html>

Det skulle vist sådan cirka gøre det.



Erik Ginnerskov (30-04-2006)
Kommentar
Fra : Erik Ginnerskov


Dato : 30-04-06 20:27

Erik Ginnerskov wrote:

> I css:
>
> body {
> color: #fff;
> background: url(bgimg.gif) center center fixed;
> text-align: center; /* IE5.x-fix */
> }

Glemte lige den sorte baggrund:

background: #000 url(bgimg.gif) center center fixed;

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk/



Tidemann (01-05-2006)
Kommentar
Fra : Tidemann


Dato : 01-05-06 16:50

"Erik Ginnerskov"skrev
> Erik Ginnerskov wrote:
>
> > I css:
> >
> > body {
> > color: #fff;
> > background: #000 url(bgimg.gif) center center fixed;
> > text-align: center; /* IE5.x-fix */
> > }


Tak, det virker....
der manglede bare lige: background-repeat: no-repeat; også, for ellers kommer
billedet på selve body i fuld bredde også.


--
Venlig hilsen
Marianne
design af: - www.ragdollys-cat-link.dk - www.dhejne.dk
www.formdinfremtid.dk - www.royalmontana.dk


Erik Ginnerskov (01-05-2006)
Kommentar
Fra : Erik Ginnerskov


Dato : 01-05-06 22:59

Tidemann wrote:

>> background: #000 url(bgimg.gif) center center fixed;

> Tak, det virker....
> der manglede bare lige: background-repeat: no-repeat; også, for
> ellers kommer billedet på selve body i fuld bredde også.

Den kan du uden problemer smide ind i samme linje som det andet:

background: #000 url(bgimg.gif) center center no-repeat fixed;

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk/



Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408929
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste