PDA

Volledige versie bekijken : nieuwe site midden op scherm

Eye-Vision
%Europe/Berlin %730 %2007, 18:32
Hallo,

ik ben met een nieuwe website bezig en de hoofdpagina is nu bijna klaar.
maar ik heb een probleem.

ik heb mijn website gebouwd met frontpage en flash logos met flash8
maar nu wanneer ik mijn website ga openen met ie dan komt mijn website helemaal aan de rechte kant van de scherm te staan.

hoe krijg ik mijn website midden op het scherm?

hoop dat iemand mij ff snel een antwoord kan geven.

Met Vriendelijke Groet,
Eye-Vision
Bargok
%Europe/Berlin %758 %2007, 19:12
Zo even snel uit m'n hoofd.
Je zet er in div omheen.

.div {
width: breedte;
height: hoogte;
position: absolute;
top: 50%;
left: 50%;
margin-top: -helft van je hoogte;
margin-left: -helft van je breedte;
}
Ganndlas
%Europe/Berlin %763 %2007, 19:18
Zo even snel uit m'n hoofd.
Je zet er in div omheen.Gaf dat niet problemen (http://www.flashfocus.nl/forum/showthread.php?t=31009)? :)
Eye-Vision
%Europe/Berlin %765 %2007, 19:22
ok thanks ik heb deze erin gezet maar hij blijft aan de rechte kant zitten
hoe kan dat nu?
Bargok
%Europe/Berlin %766 %2007, 19:23
Ik heb al zeer veel sites gemaakt voor designers die werkten op macs, en dus de site bekeken op opera. Ik heb nog nooit 1 klacht gehad dat hij er op de mac niet goed uitzag.

Ik neem dus aan dat ze of een oude versie van opera gebruiken, of een andere browser?

EDIT: Je hebt de bovenstaande code in je css gezet en vervolgens <div class="div"></div> eromheen staan?
Lorrens
%Europe/Berlin %778 %2007, 19:41
@ Bargkok: Gaat over IE5 op een Mac, wat niet meer ge-update wordt.. Daar pakt hij de position absolute top niet goed.

Overigens is Bargkok's code goed, en zou het gewoon moeten werken, behalve als Eye Vision wat fout gedaan heeft natuurlijk ;)
Bargok
%Europe/Berlin %780 %2007, 19:44
IE5 op een MAC? :D Ben geen antiek programmeur.

EDIT: Het is overigens B-a-r-g-o-k :P
Ganndlas
%Europe/Berlin %782 %2007, 19:46
@ Bargkok: Gaat over IE5 op een Mac, wat niet meer ge-update wordt.. Zijn daar eigenlijk wel gebruikers van? Om daar rekening mee te houden zeg... :)
Bargok
%Europe/Berlin %784 %2007, 19:49
Volgens browser statistics zo'n 2%, en dat zijn ook Windows IE5 gebruikers etc.
Ik heb trouwens grote medelijke met de mensen die op hun windows 95/98 nog op het internet zitten @ 2007. [:o)]
Ganndlas
%Europe/Berlin %801 %2007, 20:14
Ik heb trouwens grote medelijke met de mensen die op hun windows 95/98 nog op het internet zitten @ 2007. [:o)]Doe me niet denken aan die elendige tijd van die kraakende - sloome - '90 pcs [:o)]
Heb hier wel een Windows 2000 server staan ( :# ) en die werkt prima. :)
(Gebruik wel gwoon Verbinding met Extern bureaublad natuurlijk :P )
Eye-Vision
%Europe/Berlin %812 %2007, 20:30
ik weet zeker dat ik iets verkeerd doe. maar ik gebruik verder ook geen css voor mijn website alleen met veel plaatjes en flash.

is er mischien nog een andere code die ik direct in mijn html site kan zetten?

ik heb wel een mapje gemaakt css met daarin jouw code en eromheen de divs
en in mijn html site deze code gezet:

<link href=''http://XXXXXX/WEBSITE/css/css.css'' rel=''stylsheet'' type=''text/css''>

maar blijkbaar doe ik nog steeds iets verkeerd
Ganndlas
%Europe/Berlin %813 %2007, 20:31
ik weet zeker dat ik iets verkeerd doe. maar ik gebruik verder ook geen css voor mijn website alleen met veel plaatjes en flash.

is er mischien nog een andere code die ik direct in mijn html site kan zetten?

ik heb wel een mapje gemaakt css met daarin jouw code en eromheen de divs
en in mijn html site deze code gezet:

<link href=''http://osirius.info/WEBSITE/css/css.css'' rel=''stylsheet'' type=''text/css''>

maar blijkbaar doe ik nog steeds iets verkeerdLaat de rest een zien, bijv. wat je precies in je CSS bij de .div hebt staan, en hoe je de DIV om je <object> hebt gezet.
Eye-Vision
%Europe/Berlin %815 %2007, 20:34
<div class="div">{
width: breedte;
height: hoogte;
position: absolute;
top: 50%;
left: 50%;
margin-top: -helft van je hoogte;
margin-left: -helft van je breedte;
}</div>
Bargok
%Europe/Berlin %821 %2007, 20:42
Dat is niet precies wat je moet doen.

Je hebt een css file, die je include tussen je header tags in de html pagina, jouw css file heet css.css. In die ccs file (css.css) zet je:


.class {
width: breedte;
height: hoogte;
position: absolute;
top: 50%;
left: 50%;
margin-top: -helft van je hoogte;
margin-left: -helft van je breedte;
}

Op je html pagina, staat nu ergens je website, tussen de <body> en </body>
Wat je nu moet doen is het volgende, je gehele website zet je in een div, dus niet in de css (css.css) maar op de .html.

Dat krijg je bijvoorbeeldiets als:

<html>
<head>
<title></title>
<link /> - Hier include je je css, met daarin bovenstaande code, zonder de <div> ofc.
</head>
<body>
<div class="class">
Je hele web pagina
</div>
</body>
</html>


Hopelijk geeft dit iets meer inzicht.
Wat de css is principe doet is het verbuigen van eigenschappen die de html tags standaard hebben meegekregen. Hierdoor kunnen we websites 'stylen'.
Eye-Vision
%Europe/Berlin %837 %2007, 21:06
ik doe nog steeds iets verkeerd pffff
ik heb hier een preview hoe ik het gedaan heb nu:




en in de css:

.class {
width: breedte;
height: hoogte;
position: absolute;
top: 50%;
left: 50%;
margin-top: -helft van je hoogte;
margin-left: -helft van je breedte;
}
Ganndlas
%Europe/Berlin %926 %2007, 23:13
Je kan je script ook tussen [ php] [/ php] tags zetten. :)
Is het niet gewoon dat je bij het oproepen van de CSS (bovenaan) '' gebruikt ipv " (enkele quotes ipv dubbele)
Laiverd
%Europe/Berlin %966 %2007, 00:11
margin-top: -helft van je hoogte;
margin-left: -helft van je breedte;
je moet daar natuurlijk wel waardes invullen :D
Bargok
%Europe/Berlin %993 %2007, 00:51
Er klopt ook helemaal niets van je single/double quotes in <link>.

Gebruik deze eens:

<link rel="stylesheet" type="text/css" href="css.css" />
markk
%Europe/Berlin %376 %2007, 10:02
je kan beter div id gebuiken.. als je een div aanroept in html moet je in css gebruik maken van:

#en dan de id, dus:

.html:
<div id="voorbeeldnaam">je content</div>

.css:
#voorbeeldnaam {
width: breedte;
height: hoogte;
position: absolute;
top: 50%;
left: 50%;
margin-top: -helft van je hoogte;
margin-left: -helft van je breedte;
}


om mijn content in het midde te krijgen maak ik meestal gebruik van een text align.. voorbeeld:

body {
text-align: center;
}


maar wat ik jou aan kan raden aangezien je nog in frontpage bezig bent, dus waarschijnlijk ook met tabellen om je website te maken, is om eerst is rond te gaan zoeken op het internet naar HTML en CSS tutorials om bekend te raken met het idee rondom CSS en divjes. Succes!
Bargok
%Europe/Berlin %489 %2007, 12:44
Je kan helemaal niet beter div id gebruiken, aangezien een id maar een enkele keer voor mag komen, je maakt dus een keuze of je div herhaald wordt, en dan kun je beslissen of je id/class pakt.

En dan nog zou ik voor class gaan, aangezien id voornamelijk bedoeld is als unieke indentifier voor javascript, en niet voor het binden van css classes.
markk
%Europe/Berlin %492 %2007, 12:49
nouja idd, heb je gelijk in.. maar ik denk dat eyevision niet helemaal snapt wat de bedoeling nou percies is met css en html heb het geprobeerd iets beter uit te leggen :)