Cookies op Tweakers

Tweakers maakt gebruik van cookies, onder andere om de website te analyseren, het gebruiksgemak te vergroten en advertenties te tonen. Door gebruik te maken van deze website, of door op 'Ga verder' te klikken, geef je toestemming voor het gebruik van cookies. Wil je meer informatie over cookies en hoe ze worden gebruikt, bekijk dan ons cookiebeleid.

Meer informatie
Toon posts:

div's centreren...

Pagina: 1
Acties:
  • 133 views sinds 30-01-2008

  • Spooksel
  • Registratie: oktober 2000
  • Laatst online: 10-07 19:22
ik wil een layer precies in het midden van mijn scherm afdrukken... zodat ie zichzelf mooi aanpast als je bijv in 800*600 kijkt of hoger...
hebben jullie url's met voorbeelden?
of kunnen jullie me misschien de in stellingen verklappen?
:7
(ik heb gezocht, en niet gevonden wat ik wil)

Bevalt mijn schrijfsel je niet? www.korrelatie.nl


  • FragNeck
  • Registratie: augustus 2000
  • Laatst online: 08-06 13:33

FragNeck

Ducit amor patriae

welk programma gebruik jij ?

Drumbeat toevallig

http://eu.battle.net/d3/en/profile/Paus-2178/hero/2313958


  • Spooksel
  • Registratie: oktober 2000
  • Laatst online: 10-07 19:22
doet dat ertoe? ik schrijf de properties voor layers in externe stylesheets met notepad ;) maar ik werk er nog niet zo lang mee en ik weet nog niet welke settings je er nou mee kan maken... vandaar mijn vraag :)

Bevalt mijn schrijfsel je niet? www.korrelatie.nl


  • FragNeck
  • Registratie: augustus 2000
  • Laatst online: 08-06 13:33

FragNeck

Ducit amor patriae

Ik zal wel es ff voor je zoeken..... ik hoop binnen een half uur meer te weten,
ff wachten aub :)

http://eu.battle.net/d3/en/profile/Paus-2178/hero/2313958


  • Spooksel
  • Registratie: oktober 2000
  • Laatst online: 10-07 19:22
okies... ik blijf zelf natuurlijk ook doorzoeken, mocht iemand het me kunnen vertellen dan hoor ik het graag :)

Bevalt mijn schrijfsel je niet? www.korrelatie.nl


  • FragNeck
  • Registratie: augustus 2000
  • Laatst online: 08-06 13:33

FragNeck

Ducit amor patriae

Centreren :

<div align="center">


</div>

Op deze site staat waar ik dit met toeval heb gevonden : http://www.goudnet.com/

Ik zal wel meer voorbeelden zoeken..

http://eu.battle.net/d3/en/profile/Paus-2178/hero/2313958


  • FragNeck
  • Registratie: augustus 2000
  • Laatst online: 08-06 13:33

FragNeck

Ducit amor patriae

Het enige nadeel met DIV is, dat je een absolute positie aangeeft volgens mij...
Dit kan nog wel eens een probleem geven

http://eu.battle.net/d3/en/profile/Paus-2178/hero/2313958


  • Spooksel
  • Registratie: oktober 2000
  • Laatst online: 10-07 19:22
daarmee centreer je de inhoud van de div... ik wil de div zelf in het midden...

Bevalt mijn schrijfsel je niet? www.korrelatie.nl


  • FragNeck
  • Registratie: augustus 2000
  • Laatst online: 08-06 13:33

FragNeck

Ducit amor patriae

geef es een voorbeeld dan...
dan ken ik ff stoeie

http://eu.battle.net/d3/en/profile/Paus-2178/hero/2313958


  • Spooksel
  • Registratie: oktober 2000
  • Laatst online: 10-07 19:22
uhm... ik kan om het moment niks uploaden (zit op mijn werk en kan niet ftp-en :()
kan ik het ff naar je toe mailen?

Bevalt mijn schrijfsel je niet? www.korrelatie.nl


  • FragNeck
  • Registratie: augustus 2000
  • Laatst online: 08-06 13:33

FragNeck

Ducit amor patriae

mail maar naar Bedankt"

:)

http://eu.battle.net/d3/en/profile/Paus-2178/hero/2313958


  • FragNeck
  • Registratie: augustus 2000
  • Laatst online: 08-06 13:33

FragNeck

Ducit amor patriae

Hey dennis,
wat je moet doen is in de CSS, je possition aanpassen van Absolute naar Center,
dan heb je in ieder geval je horizontale gedeelte af

http://eu.battle.net/d3/en/profile/Paus-2178/hero/2313958


  • FragNeck
  • Registratie: augustus 2000
  • Laatst online: 08-06 13:33

FragNeck

Ducit amor patriae

Voor meer informatie kun je ook naar :

http://www.w3.org/Style/CSS/ gaan, en daar staat veeeeeeel informatie over CSS.

http://eu.battle.net/d3/en/profile/Paus-2178/hero/2313958


  • RM-rf
  • Registratie: september 2000
  • Laatst online: 10-07 21:45

RM-rf

1 2 3 4 5 7 6 8 9

wat je wilt is niet direkt via CSS/HTML mogelijk, immers de DIV wordt standaard linksboven uitgelijnd. enigste wat ik kan bedenken om twee DIVs te gebruiken; ee die width=100% en height=100% heeft en daarin een DIV met position: relative left:-100 (als div 200px breed is) en tp -50 (als DIV 100px hoog)
dat impliceert wel dat je DIV een fixed height en width heeft.

makkelijker is meestal javascript dat de aanwezige breedte en hoogte checked (voor venster document.availwidth en availheight, voor scherm screen.width en height) en de breedte en hoogte van DIV opvraagt,
de positie wordt dan berekent met
leftpos = (AvailWidth-DIVwidth)/2
toppos = (AvailHeight-DIVheight)/2

edit: position: relative (ziek smilie verwijderd :r)

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen


  • BJ
  • Registratie: januari 2000
  • Laatst online: 18-04-2003

BJ

* E-powered *

wat natuurlijk ook kan:

dmv 3 framepjes de middelste in het midden %teren en dan is het in het midden uitlijnen van de inhoud in het middelste framepje natuurlijk geen kunst...

  • EquiNox
  • Registratie: januari 2000
  • Laatst online: 06-07 19:34

EquiNox

Speed plz.

Waarom geen tabel op 100% en die dan horizontaal en verticaal alignen?
Dan staat de inhoud ervan ALTIJD in het midden?

  • noplayer
  • Registratie: juni 2004
  • Laatst online: 29-08-2013
Ik heb dus hetzelfde probleem!

Uiteraard is het eenvoudig op te lossen met tables. Alleen ik probeer m'n website XHTML strict te houden. Dus daarom geef ik voorkeur voor 3a 4 div's ipv tigggg TD's.

Hier een voorbeeld van wat ik probeer te realiseren met DIV's. Het voorbeeld is met tables:

http://odin.ikwileenwebsite.nl/docent/ (IE only!)

In de search had ik een mooi voorbeeld gevonden van een centreer methode in CSS voor div's:
http://erik.kabel.utwente.nl/got/test9.html

Maar het probleem voor mij, ik heb 3 witte Div blokken. Die middelste kan ik plaatsen op de bovenstaande methode maar hoe plaats ik die linker en rechter ernaast met 1 pixel ruimte ertussen? Width 33% / 33% /33% plakt ze namelijk aan elkaar. Het is niet mogelijk om met vaste afmetingen te werken gezien het binnen elke resolutie (800x600/1024xetc) hetzelfde eruit moet zien. De hoogte van de blokken is statisch: 325px.

[Voor 5% gewijzigd door noplayer op 13-11-2004 16:36]


  • iain
  • Registratie: februari 2001
  • Laatst online: 19-07-2017

iain

Full Flavor

er is hier een probleem... horizontaal centreren gaat wel, maar vertical centreren wordt lastiger. Dat laatste heb ik zelf eerlijk gezegd ook nooit gedaan, maar ik wel een truukje om horizontaal te centreren. Dat is door deze css:

Cascading Stylesheet:
1
2
3
4
5
6
body {
    margin: auto;
}
div#gekkeNaam {
    width: 800px;
}


Belangrijk is dus dat je de div een absolute breedte moet geven.

Bij verticaal zit je met het probleem dat je officieel geen relatieve hoogte mag opgeven aan een element. Een oplossing zou kunnen zijn een tabel (jakkiebah, ik weet het). In een td is standaard verticaal gecentreerd...

I used to be an atheist, until I realised I was god.


  • Wolfboy
  • Registratie: januari 2001
  • Niet online

Wolfboy

ubi dubium ibi libertas

omg een topic van 4 jaar oud kicken? :X

Btw kijk hier maar eventjes :)

Blog [Stackoverflow] [LinkedIn]


  • noplayer
  • Registratie: juni 2004
  • Laatst online: 29-08-2013
Bedankt voor de reply's! Het centreren is ook niet echt het probleem. Dat lukt wel met een CSS voor het middelste blok.

Maar zoals in m'n voorbeeld getoond zijn het 3 div blokken met 1 pixel ertussen. Zover ik kan zien lijkt het technisch niet mogelijk met een CSS. Toch gek als je met een Table meer zou kunnen dan met Div's?

  • crisp
  • Registratie: februari 2000
  • Laatst online: 12:34

crisp

Devver

Pixelated

woei, prehistorie \o/

Intentionally left blank

Pagina: 1

Dit topic is gesloten.



Apple iPhone SE (2020) Microsoft Xbox Series X LG CX Google Pixel 4a CES 2020 Samsung Galaxy S20 4G Sony PlayStation 5 Nintendo Switch Lite

'14 '15 '16 '17 2018

Tweakers vormt samen met Hardware Info, AutoTrack, Gaspedaal.nl, Nationale Vacaturebank, Intermediair en Independer DPG Online Services B.V.
Alle rechten voorbehouden © 1998 - 2020 Hosting door True