Ga naar inhoud

div posities van mijn layout lukken niet


anoniem

Aanbevolen berichten

Hallo allemaal, Ik zit momenteel met een probleem bij de posities van mijn layout. Ik ben redelijk ervaren met HTML en CSS, maar toch krijg ik de posities niet altijd zoals ik hebben wil. Het gaat op de volgende website / layout : (geen reclame) http://rmhproductions.nl/ Zoals je misschien kan merken (per resolutie verschillend), word de div class van het inlog schermpje en van Twitter, niet goed weergegeven worden. Dat komt doordat ik het zo heb gedaan in CSS : .menu-links{ position:Absolute; top: ##px; left: ##px; } Ik heb al een div class gemaakt, die er voor zorgt dat het hele layout in het midden komt te staan (automatisch), maar het layout moet als ware in 3 stukken (horizontaal) worden. menu-links , content en menu-rechts. Iemand een idee, hoe het zou kunnen? Graag niet met behulp van een tabel, want dat ziet er niet uit.(qua posities) :$
Link naar reactie
"[url=http://www.w3schools.com/css/css_float.asp]Float[/url]:left" is je beste vriend. Maak eerst een div (meestal #container genoemd) met een bepaalde width, daar de drie huidige in, dan kan je ze ineens centreren. Dan de eerste van de drie kan gewoon blijven staan. De volgende twee geef je float:left mee, dan komen ze naast elkaar te staan. Dan is het enkel nog een width aan elk van de twee geven. Wel even opletten, en een [url=http://www.webtoolkit.info/css-clearfix.html]clearfix[/url] op de #container toevoegen, om problemen te voorkomen.
Link naar reactie

Om een reactie te plaatsen, moet je eerst inloggen

Gast
Reageer op dit topic

×   Geplakt als verrijkte tekst.   Herstel opmaak

  Er zijn maximaal 75 emoji toegestaan.

×   Je link werd automatisch ingevoegd.   Tonen als normale link

×   Je vorige inhoud werd hersteld.   Leeg de tekstverwerker

×   Je kunt afbeeldingen niet direct plakken. Upload of voeg afbeeldingen vanaf een URL in

  • Populaire leden

    Er is nog niemand die deze week reputatie heeft ontvangen.

  • Leden

    Geen leden om te tonen

×
×
  • Nieuwe aanmaken...