login  Naam:   Wachtwoord: 
Registreer je!
 Forum

1500 px DIV centreren AND no scroll

Offline dagdromers - 06/02/2006 14:51
Avatar van dagdromersNieuw lid Ik heb een 1500px brede DIV waarvan ik zou willen dat die steeds gecentreerd op het scherm staat en zonder scrollbar getoond wordt.
http://www.quantize.be/initial/index3_test.html

tnx!

4 antwoorden

Gesponsorde links
Offline Lemon - 06/02/2006 14:55
Avatar van Lemon PHP expert
  1. <div style="margin-left:auto; margin-right:auto;">
  2.  
  3. </div>
  4.  
  5. <!-- Of -->
  6. <div style="width:100%">
  7.  
  8. </div>


Maar wat jij gaat forceren is onmogelijk met css. Aleja, je kan geen achtergrond images rekken met css. Enkel herhalen.

Wat jij moet doen is een div maken die 100% breed is, die vervolgens absolute positioneren op een lage z-index. En in die div steek je dan een image die mooi resized met het window.
Offline dagdromers - 06/02/2006 15:57
Avatar van dagdromers Nieuw lid Het is niet de bedoeling dat het beeld gerokken wordt. Links en rechts zou er een deel van het beeld buiten de werkruimte moeten verdwijnen... zoiets als overflow: hidden maar dan links en rechts ....telkens evenredig zodat alles mooi gecentreerd blijft.
Offline Pieter - 06/02/2006 16:46
Avatar van Pieter Gouden medaille

SEO guru
Kan je het niet als achtergrond van de body zetten en die afbeelding centraal laten uitlijnen?
Offline dagdromers - 06/02/2006 17:47
Avatar van dagdromers Nieuw lid Opgelost,

body {
overflow:hidden;
}
#container
{
font-family: Verdana, Geneva, Arial, sans-serif;
background: url(images/test.jpg);
text-align: center;
margin-top: -324px;
margin-left: -750px;
position: absolute;
top: 50%;
left: 50%;
width: 1500px;
height: 648px;
visibility: visible;

}
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.202s