Baggrundsbillede i Html og Css

[Malene93]

Hej alle!

Jeg står og er ved at lave en portfolio side. Til designet har jeg lavet et baggrundsbillede i størrelsen 960x2000 px.
Meningen er, at man skal kunne se mere af billedet, hvis der er mere indhold på siden.
Repeat kan altså ikke bruges, da dette vil se ret mærkeligt ud med det valgte design.

Samtidig skal jeg kunne lave en div inde i div'en med baggrundsbilledet, da teksten ellers vil dække mit design, desværre forsvinder billedet hvis jeg gør det. :/

http://webhotel.eamv.dk/mmd270850/test1/ - Baggrundsbilledet skal dække hele browseren, selvom der kun er lidt tekst som her?
http://webhotel.eamv.dk/mmd270850/test2/ - Dette viser formålet, dog skal teksten kun være i det lysegrå felt?

Det er ret svær at forklare, men jeg håber i kan se mit problem.
Kan dette overhovedet lade sig gøre kun ved brug af CSS og Html?

Håber I kan hjælpe mig - er ikke super stærk i koder nemlig!

[ThomasI]

prøv det her:

Kode: Vælg alt

#container {
height:auto;
width: 960px;
margin: 0 auto;
background-image: url(../images/design/banner.png);
background-repeat: no-repeat;
padding-left: 200px;
}

Kode: Vælg alt

#tekst {
height:auto;
width: 760px;
background-image: url(../images/design/ditandetbillede.png);
background-repeat: no-repeat;
}

Kode: Vælg alt

<div id="container">
<div id="tekst">
tekst tekst tekst
</div>

</div>

[Malene93]

Super! Nu begynder det at ligne noget.

Nu skal jeg bare have billedet til at fylde 100% af skærmen, ligegyldig opløsning (i tilfælde af sider med mindre indhold - f.eks. forside)

- foreløbig ser siden sådan ud: http://webhotel.eamv.dk/mmd270850/test3/

[ThomasI]

Bare sæt højden på din container div til 2000px på den måde vil den altid holde en fast størrelse...

[Mahdi]

Hej, Jeg har det fantastisk med det her. Men jeg har dog et problem, ja problemet er, når jeg laver en baggrund billed og gemmer og åbner det i browser, så er der intet baggrund billed. Håber i kan hjælpe mig.

[Fischer]

Hej, Jeg har det fantastisk med det her. Men jeg har dog et problem, ja problemet er, når jeg laver en baggrund billed og gemmer og åbner det i browser, så er der intet baggrund billed. Håber i kan hjælpe mig.

Hvis du kunne vise os koden, ville det hjælpe meget for at finde dit problem

[Kagehjørnet]

Jeg står også med et problem omkring baggrundsbillede.
Jeg har sat et baggrundsbillede ind, men det vises ikke når jeg uploader.

Jeg vil gerne have at mit baggrundsbillede fylder hele browseren og derudover har jeg nogle div'er i en anden farve. Div'erne virker, borstset fra den driller lidt med at vise bredden på hoved div'en.

Koden ser således ud:

Kode: Vælg alt

#body{
background-image: url(baggrund.jpg);
}
#hoved {
width: 1500px;
height: 700px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: thick;
border-color: black;
background-color: #66CCCC;
}

#logo {
width: 300px;
height: 250px;
margin-left: auto;
margin-right: auto;
border-style: none;
text-align: left;
float: left;
background-color: #66CCCC;
}

#top {
width: 400px;
height: 250px;
margin-left: auto;
margin-right: auto;
border-style: none;
text-align: left;
float: right;
background-color: #66CCCC;
font-family: Bradley Hand itc;
font-size: 90px;
}

#top2 {
width: 700px;
height: 100px;
margin-left: auto;
margin-right: auto;
border-style: none;
text-align: center;
background-color: #66CCCC;
}

#menu {
width: 100px;
height: 600px;
margin-left: auto;
border-style: none;
float: left;
background-color: #66CCCC;
}

#indhold {
width: 600px;
height: 600px;
margin-right: auto;
border-style: none;
float: right;
background-color: #66CCCC;
font-family: Bradley Hand itc;
font-size: 16px;
}

Er helt ny i det her og alt er lavet ud fra de fantastiske tutorials her på siden.

[scootergrisen]

http://netkoder.dk/netkoder/eksempler/eksempel0011.html

[Kagehjørnet]

Tak for det, selv om jeg ikke kan få det til at virke.
Den viser slet ikke noget baggrundsbillede..
Ved ikke helt hvad der skulle være galt med koden.

[scootergrisen]

Læg det på nettet og kom med linket.

[Kagehjørnet]

http://www.kagehjornet.dk

[scootergrisen]

Fordi #body ikke findes.

Skriv body så gælder den for <body>

#body gælder for <x id="body">

[bj-jumping.dk]

Du har der defineret din CSS id.

For at få det ind, skal du bruge div tags. Du laver så <div id="body"> </div>

[Kagehjørnet]

Selvfølgelig... Nu virker det.
Mange tak