Archief - xHTML/CSS: Probleem met automatische centreren

-

-=Apollo=-

Legacy Member

• 24 jul 2007

• #1

Sinds kort gebruik ik het centreer commando van hier op het forum. Maar nu vormt er zich echter een probleem, dat bij sommige pc's een stuk van mijn headers wordt gesneden.
Is dit normaal? En kan dat op een handige manier worden verholpen?

Code die ik gebruik in mijn css:

Code:

#gecentreerd_main
{
	position: absolute;
	left:50%;
	top: 50%;
	/* waarden totaal */
	width: 746px;
	height: 680px;
	/* helft waarden totaal */
	margin-left: -373px;
	margin-top: -340px;
	background-color: Transparent;
}

Alvast bedankt!

Z

Zero Grav

Legacy Member

• 24 jul 2007

• #2

Een voorbeeld zou toch wel enorm handig zijn. Aangezien ik dat probleem nooit heb meegemaakt.

-

-=Apollo=-

Legacy Member

• 24 jul 2007

• #3

Ja sorry
Voorbeeldjes:

Link
Link

b

brechtvm

Legacy Member

• 24 jul 2007

• #4

margin: 0px auto;
dit toepassen op een container (1 grote div)

Z

Zero Grav

Legacy Member

• 24 jul 2007

• #5

Ach, dat maakt toch niet uit, beide manieren werken even goed.

Zoals het er nu uitziet is je height groter dan je origineel opgegeven hebt en wordt ie daarmee wat te hoog gezet. Maar zonder html voorbeeld kan ik dat niet met zekerheid zeggen.

-

-=Apollo=-

Legacy Member

• 24 jul 2007

• #6

Kdacht dat je het gewoon wou zien op foto
Link 1
Link 2

D

Dave

Legacy Member

• 24 jul 2007

• #7

link2
waarom gebruikt ge frames ...
in safari klopt u menu nie , waarschijnlijk door tables
waarom alle div's absolute. snap ik de bedoeling niet goed van.
als ge ne gecentreerde pagina maakt: container waar ge alles insteekt met vaste width en margins op auto that's it.

-

-=Apollo=-

Legacy Member

• 25 jul 2007

• #8

Frames? Bij mijn weten zitten er geen frames in!
Ja het menutje zit in een table, maar dat kan ik even goe weg laten.

Dus zo?

Code:

#gecentreerd_main
{
	position: absolute;
	left:50%;
	top: 50%;
	/* waarden totaal */
	width: 746px;
	height: 680px;
	margin: auto;
	background-color: Transparent;
}

-

-=Apollo=-

Legacy Member

• 26 jul 2007

• #9

Kheb het zo eens geprobeerd, maar nu is het nog erger!
Nu zie je mijn pagina ne meer staan.
Ge moet helemaal naar rechts scrollen en naar onder ook ...

ksnap het niet zelle ...

S

Smoerf

Legacy Member

• 26 jul 2007

• #10

Ik snap niet waarom je je pagina absoluut wil positioneren, in mijn ogen moet je hem enkel horizontaal centreren.

Code:

body{
   text-align:center; /* IE fix */
}

#gecentreerd_main{
   text-align:left; /* IE fix */
   margin:0px auto;
}

Wat jij doet is zowel horizontaal als verticaal centreren, maar je moet rekenen, als je site 680px hoog is en mijn reso is 800 x 600, dan zie ik de bovenste 40 pixels nie tvan je design (minimum, want mijn browserwindow neemt natuurlijk ook nog wat van mijn reso in)
[/code]

-

-=Apollo=-

Legacy Member

• 26 jul 2007

• #11

Kwil er gewoon voor zorgen dat de website telkens in het midden staat van een pagina, dus als je de website ziet op een 19" scherm dat ie int midden staat ...
Kvind da mooi Of raden jullie mij da af?

X

XeNiUs

Legacy Member

• 26 jul 2007

• #12

Body : text align center

dan uwe totale outline : margin right en left op auto zetten en de tekst terug links centreren

-

-=Apollo=-

Legacy Member

• 26 jul 2007

• #13

Als ik die aanpassingen deed, werd de header goed meegegeven maar nu stond alles links gecentreerd!

Code:

#gecentreerd_main
{
	/* waarden totaal */
	width: 746px;
	height: 680px;
	margin: auto;
	background-color: Transparent;
}

Link: http://users.telenet.be/babygirllj/site_menu.html

X

XeNiUs

Legacy Member

• 26 jul 2007

• #14

Enkel de RIGHT MARGIN en LEFT MARGIN op auto zetten !

En niet vergeten in de body de text center mee te geven, en dan in uw outline div text left terug zetten.

-

-=Apollo=-

Legacy Member

• 26 jul 2007

• #15

Ok bedankt allemaal!
Sorry dat ik er nie snel genoeg mee weg was ... still learning

b

brechtvm

Legacy Member

• 27 jul 2007

• #16

XeNiUs zei:

Enkel de RIGHT MARGIN en LEFT MARGIN op auto zetten !

En niet vergeten in de body de text center mee te geven, en dan in uw outline div text left terug zetten.

Klik om te vergroten...

= "Margin: 0px auto;" dacht ik ?
wat ik dus al in het begin zei dus...

enfin ja, ieder zijn oplossing zeker ?!

X

Xavez

Legacy Member

• 27 jul 2007

• #17

XeNiUs zei:

Enkel de RIGHT MARGIN en LEFT MARGIN op auto zetten !

Klik om te vergroten...

Maakt totaal niet uit . margin: auto is korter en werkt even goed .