Gå til innhold

Få kontrol over bakgrunn i CSS

MaxP2P

Anbefalte innlegg

MaxP2P

MaxP2P

Skrevet
Skrevet

Har et webprosjekt på VGS'en nå, med stor vekt på CSS.

 

Jeg har laget en enkel bg for å teste litt, den er på 800x5 pixler, og en footer på 800x20 pixler.

 

Tanker er da at den på 5 pixler i høyden skal repetere seg selv så lenge det er innhold på siden, og den skal da tilpasse seg til det, sammen med en footer som da gjør at man får en litt mer helhetlig layout. Tingen er at footeren føger teksten, men det gjør ikke bakgrunnen, til tilpasser seg browser vinduet, og det er jo fint det og, på en måte...

 

Her er HTML og CSS kodene.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>CSS Repetering - Layout</title>
<link rel="stylesheet" type="text/css" href="master_style.css" />
</head>

<body>
<center>
<div id="container">
<!-- Content Text Start -->
<p class="content_text">
	O domine, ego servus tuus, ego servus tuus et filius ancillae tuae. disrupisti vincula mea; tibi sacrificabo hostiam laudis. laudet te cor meum et lingua mea, et omnia ossa mea dicant: domine, quis similis tibi? dicant, et responde mihi et dic animae meae: salus tua ego sum. quis ego et qualis ego? quid non mali aut facta mea aut, si non facta, dicta mea aut, si non dicta, voluntas mea fuit? tu autem, domine, bonus et misericors, et dextera tua respiciens profunditatem mortis meae, et a fundo cordis mei exhauriens abyssum corruptionis. et hoc erat totum nolle, quod volebam, et velle, quod volebas. sed ubi erat tam annoso tempore, et de quo imo altoque secreto evocatum est in momento liberum arbitrium meum, quo subderem cervicem leni iugo tuo, et umeros levi sarcinae tuae, Christe Iesu, adiutor meus et redemptor meus? quam suave mihi subito factum est carere suavitatibus nugarum, et quas amittere metus fuerat, iam dimittere gaudium erat. eiciebas enim eas a me, vera tu et summa suavitas, eiciebas et intrabas pro eis omni voluptate dulcior, sed non carni et sanguini, omni luce clarior, sed omni secreto interior, omni honore sublimior, sed non sublimibus in se. iam liber erat animus meus a curis mordacibus ambiendi et adquirendi et volutandi atque scalpendi scabiem libidinum; et garriebam tibi, claritati meae et divitiis et saluti meae, domino deo meo.	</p>
<!-- Content Text Stop -->
</div>
<div id="footerbg">
<p class="footerbg_fix"><-- Footer --></p>
</div>
</center>
</body>
</html>

 

/* CSS Repetering - Layout - Master Style */

/* Background System Start */
body {
background: url("bg.gif") repeat-y center #d2d2d2;
}

#footerbg {
background: url("bg_footer.gif") no-repeat center;
height: 20px;
}

.footerbg_fix {
display: none;
}
/* Background System Stop */

/* Content Text Control Start */
.content_text {
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px 380px 0px 380px;
position: relative;
}
/* Content Text Control Stop */

 

Her er et lite utsnitt av resultatet, og feilen:

csshjelp1oh7.png

 

Så, er det noen flinke folk her som kan gi meg et hint til hvorfor den repeterer seg så uendelig mye? Dan skal liksom stoppe akkurat ved footer'en. :p

Lenke til kommentar

Videoannonse

Videoannonse
Annonse

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...