login  Naam:   Wachtwoord: 
Registreer je!
 Forum

onduidelijke margin (Opgelost)

Offline dconel - 10/12/2007 14:31 (laatste wijziging 10/12/2007 14:31)
Avatar van dconelNieuw lid Ik wil een div. maken die 20 px onder een boveste div. staat. Deze div moet ook 20 px van de linker, rechter en onderkant van het scherm staan.
  1. .class {
  2. position: absolute;
  3. top: 20px;
  4. height: 715px;
  5. left: 20px;
  6. right: 20px;
  7. padding: 25px;
  8. }

dit werkt niet

  1. .class {
  2. position: absolute;
  3. margin: 20px;
  4. padding: 25px;
  5. }

en dit ook niet.

Nu vraag ik mij dus al een tijdje af:
Wat werkt dan wel?

6 antwoorden

Gesponsorde links
Offline SilVeX - 10/12/2007 16:28
Avatar van SilVeX HTML beginner
  1. .class {
  2. margin:20 20 20 20;
  3. }
Offline Vincjenzo - 10/12/2007 16:36 (laatste wijziging 10/12/2007 16:36)
Avatar van Vincjenzo Nieuw lid Plaatscode: 4404
Offline dconel - 10/12/2007 20:07 (laatste wijziging 11/12/2007 09:53)
Avatar van dconel Nieuw lid
Vincjenzo schreef:


Hoe bedoel je?

En bij deze code past hij zich aan aan de tekst die er in staat, maar niet aan het beeldscherm.

  1. .class {
  2. position: absolute;
  3. margin: 20 20 20 20;
  4. padding: 25px;
  5. }
Offline Vincjenzo - 11/12/2007 10:22
Avatar van Vincjenzo Nieuw lid Heb je de code geprobeerd?
Het maakt een div, de bovenste div, met een hoogte van 30px.
De tweede div krijgt een absolute positie die 50px vanaf de bovenkant begint 50-30=20px onder de bovenste div dus, vanaf links 20px, onder ook 20px en rechts ook 20px.
Dat is volgens mij wat je vroeg.
Offline SilVeX - 11/12/2007 10:53
Avatar van SilVeX HTML beginner
dconel schreef:
[..quote..]

Hoe bedoel je?

En bij deze code past hij zich aan aan de tekst die er in staat, maar niet aan het beeldscherm.

[..code..]


Er staat dat je daar positie absolute hebt gebruikt. . .
Maak daar is van position:relative;

En wat gebeurd er dan?
Offline dconel - 11/12/2007 11:20 (laatste wijziging 11/12/2007 11:55)
Avatar van dconel Nieuw lid ALs ik hem relative maak dan werkt hij wel in de breedte, die past zich dan niet meer aan aande inhoud maar aan het scherm. Bijna goed dus 

Nu ga ik de code van vincjenzo proberen. Maar die werkt niet.

Hier de codes van de pagina:

code css

pagina code

even kijken wat er gebeurd als container.div weg haal. (dat was de oplossing)
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.21s