Avatar billede wwc Nybegynder
23. marts 2002 - 20:19 Der er 10 kommentarer og
2 løsninger

Baggrundsfarve i <div> med CSS

Hej Experter
Jeg har to filer:

[index.html]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
    <TITLE>Marianne Vangberg</TITLE>
<META NAME="Generator" CONTENT="Stone's WebWriter 3">
    <link rel="stylesheet" type="text/css" href="css1.css">
</HEAD>
<BODY>

<h1>Marianne Vangberg</h1>
Iste quidem veteres inter ponetur honeste, qui vel mense brevi vel toto est iunior anno. Utor permisso, caudaeque pilos ut equinae paulatim vello unum, demo etiam unum, dum cadat elusus ratione ruentis acervi, qui redit in fastos et annis miraturque.

Ennius et sapines et fortis et alter Homerus, ut critici dicunt, leviter curare videtur, quo promissa cadant et somnia Pythagorea.Naevius in manibus non est et mentibus haeret paene recens? Adeo sanctum est vetus omne poema. Ambigitur quotiens, sit prior, Pacuvius docti.

Hos ediscit et hos arto stipata theatro spectat Roma potens; habet hos numeratque poetas ad nostrum tempus Livi scriptoris ab aevo, si nimis antique, si dure.

Interdum volgus rectum videt, est ubi peccat. Si veteres ita miratur laudatque poetas, ut nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si peraque dure dicere credit eos, ignave multa fatetur, et sapit et mecum facit et Iova iudicat aequo.Non equidem insector delendave carmina Livi esse reor, memini quae plagosum mihi parvo Orbilium dictare; sed emendata videri pulchraque et exactis minimum distantia miror. Inter quae verbum emicuit si forte decorum, et si versus paulo concinnior unus et alter, venditque poema.

Indignor quicquam reprehendi, non quia crasse compositum illepedeve putetur, sed quia nuper, nec veniam antiquis, sed honorem et praemia posci. Recte necne crocum floresque perambulet Attae fabula si dubitem, clament periisse pudorem cuncti paene patres, ea cum reprehendere coner, quae gravis Aesopus, quae doctus Roscius egit; vel quia nil rectum, nisi quod placuit sibi, ducunt, vel quia turpe putant parere minoribus, et quae imberbes senes.

Quod si tam Graecis novitas invisa fuisset quam nobis, quid nunc esset vetus? Aut quid haberet quod legeret tereretque viritim.Ut primum positis nugari Graecia bellis coepit et in vitium fortuna labier aequa, nunc athletarum studiis, nunc arsit equorum, marmoris aut eboris fabros aut aeris amavit, tibicinibus, nunc est gavisa tragoedis; puella.

<div class="menu" align="center">

<a href="" class="menu">Menu 1</a><p>
<a href="" class="menu">Menu 2</a><p>
<a href="" class="menu">Menu 3</a>

</div>

</BODY>
</HTML>
[/index.html]

[css1.css]
body {
margin-right: 10px;
margin-left: 160px;
}

div.menu {
    position:absolute;
    top: 0px;
    left: 0px;
    width: 150px;
    height: 100%;
    background-color: #0000aa;
}

a.menu:hover {
    text-decoration: underline;
    color: #dd0000;
}
a.menu {
    text-decoration: none;
    color: white;
    font-weight:bold;
    letter-spacing: 1px;
}
[/css1.css]

Problemet er bare at den blå baggrundfarve til højre kun fylder det af siden man kan se når man åbner index.html, men hvis man så scroller ned, er der ingen baggrundfarve.
Mvh. Harry V.
Avatar billede jakoba Nybegynder
23. marts 2002 - 20:24 #1
Det er noget du bestemmer i din stylesheet.
    <link rel="stylesheet" type="text/css" href="css1.css">

altså filen "css1.css"

må vi se den
23. marts 2002 - 20:24 #2
Hej,

Prøv at ligge en <table style="height: 100%;"><tr><td style="height:100%;">< </td></tr></table> der hvor den blå skulle være 100% i højden (sit ev. også background-color i <table>).
Avatar billede jakoba Nybegynder
23. marts 2002 - 20:27 #3
Nåne, den er der jo. sorry

hvad med at lade være med at specificere en height i  div.menu
  height:100%
betyder netop 'browservinduets højde'
Avatar billede wwc Nybegynder
23. marts 2002 - 20:32 #4
xzxzx... >> Jeg er ude på at undgå tabellerne :)
Jakoba >> hvis jeg fjerner 'height', så er den blå baggrundsfarve kun til den sidste linje :(
Avatar billede jakoba Nybegynder
23. marts 2002 - 20:35 #5
næe, det blir den vist bare endnu kortere af.

hvidhvidblåblåblåblåblåblåblåhvidhvidhvidhvidhvidhvid

det er farverne i et .gif billede du laver. Med kun de 2 farver og een pixel højt.

Den gif bruger du så som baggrund for siden (i din body style)
23. marts 2002 - 20:39 #6
Jakoba har vidst en god løsning!
kommentar til den:

brug
Body {
background-repeat: repeat-y
}

Så den kun gentager sig på lodret...
Avatar billede jakoba Nybegynder
23. marts 2002 - 20:44 #7
Nåja, så der ikke kommer repeat på tværs
Avatar billede wwc Nybegynder
23. marts 2002 - 21:02 #8
nu har jeg lavet den gif du snakker om (www.friserverplads.dk/harrys/mv/blaa-hvid.gif) og tilføjet følgende i body stylen:
background-image: url("blaa-hvid.gif");
background-repeat: repeat-y;

Men prøv at se på www.friserverplads.dk/harrys/mv, det ser sq ikke godt ud :( men mon ikke det er mig der ikke har forstået dig?
Avatar billede jakoba Nybegynder
23. marts 2002 - 21:14 #9
den er da fin. den skal bare være MEGET bredere. din menu-div er 150 pixel bred så så bredt skal det blå være. og så lidt hvid margin foran (medmindre det er kønnere at lave det blåt hele vejen)

mvh JakobA
Avatar billede wwc Nybegynder
23. marts 2002 - 21:36 #10
takker, det virker.
Vil du ikke have dine point jakoba???
Avatar billede jakoba Nybegynder
23. marts 2002 - 21:42 #11
anytime :-)
takker
Avatar billede wwc Nybegynder
23. marts 2002 - 21:44 #12
skal xzxzx... ikke oxo have lidt point? jo da
Avatar billede Ny bruger Nybegynder

Din løsning...

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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester