[CSS] groeiende achtergrond wil niet groeien - Softwareontwikkeling

maandag 23 mei 2005 07:46

Acties:

Verwijderd

Topicstarter

Hey,
Hier staat het vb van het probleem:
http://www.melvok.be/files/HTMLPage.htm
Het gaat om een CSS file en een htmlpage. Normaal is de html page een asp page. maar omdat ik geen asp kan hosten doe ik het effe in een html page.

Ik zou dus wilen dat vanaf onder de blauwe balk waarin staat " Welkom op het back-end gedeelte van de sportclub website."
De achtergrond meegroeit onafhankelijk van de hoogte van de tekst die eronder komt. Onder de blauwe balk bestaat het uit 2 div's een voor de linkerkant en een voor de rechter en deze zouden allebei moeten meegroeien. Maar dat lukt mij dus niet.
En het moet goed worden weergegeven in Internet Explorer maar het mag ook in FireFox.

De files als je deze wilt bekijken ka je ze ook vinden in een zipbestandje hier: http://www.melvok.be/files/Test.zip

Bedankt alvast, hopelijk kan iemand mij helpen

maandag 23 mei 2005 07:53

Acties:

simon

Met zulke tag soep kan ik dat begrijpen, verder heb je daar een float. Daarom gaat 't mis. En als je daaronder nou een relatief gepoistioneerd element met clear: both; doet?

|>

maandag 23 mei 2005 08:01

Acties:

Verwijderd

Topicstarter

zou je effe kunnen verduidelijken wat ik moet veranderen? want ik snap het niet echt goed.

maandag 23 mei 2005 08:07

Acties:

AxiMaxi

Waarom geef je de DIV waar die tekst in zit niet gewoon die rode kleur?
Nu zijn de achtergrond en de tekst van elkaar losgekoppeld, waarmee je het jezelf moeilijk maakt.

[Hier had mijn handtekening kunnen staan]

maandag 23 mei 2005 08:13

Acties:

Verwijderd

Topicstarter

als ik die div waar de tekst in komt de kleur geef dan krijg ik in internet explorer geen kleur weergegeven als achtergrond en het moet zeker werken in internet explorer

maandag 23 mei 2005 08:25

Acties:

simon

Cascading Stylesheet:

div#parent
{
   background-color: #3E3E3E;
}
p#main
{
 position: relative;
 float: left; /* etc, hier je float gebeuren etc */
}
p#copyright
{
  position: relative;
  clear: both;
}

HTML:

<html>
<head>
<title>bladiebla</title>
</head>
<body>
<div id="parent">
   <div id="menu">
    bla bla bla
   </div>
  <p id="main">
    bladiebla
  </p>
  <p id="copyright">
    &copy; 1843 Drukkerij de Snuiter
  </p>
</div>
</body>
</html>

Is een beetje een workaround, komt omdat je als je floats gebruikt je je element eigenlijk uit de parent haalt.

[ Voor 18% gewijzigd door simon op 23-05-2005 08:25 ]

|>

maandag 23 mei 2005 09:46

Acties:

Rowanov

Kop eens wat anders...

Simon schreef op maandag 23 mei 2005 @ 08:25:
Is een beetje een workaround, komt omdat je als je floats gebruikt je je element eigenlijk uit de parent haalt.

Wat bedoel je met uit de parent halen? Alleen position trekt een element uit de document flow waardoor je het overal neer kan zetten waar je wilt.

maandag 23 mei 2005 21:15

Acties:

Verwijderd

Een floating element heeft geen hoogte. Een element groeit dus niet in hoogte met z'n floatende kinderen mee.