[HTML]centreren <div> alleen goed in 1680x1050 :( - Softwareontwikkeling

vrijdag 21 juli 2006 11:54

Acties:

Verwijderd

Topicstarter

Ik ben bezig met een site met een hoop divjes.Nu wil ik de hele site centreren, maar op mijn manier is de site alleen gecentreerd op mijn resolutie van 1680x1050. zie hier: http://www.qoox.nl/sites/voskamp/index2.html

Hier nog wat code:

code:

<body alink="#0E9FDA" link="#000000">
<div id="center" align="center">
  <div id="Background" align="center" style="position:absolute; width:764px; height:546px; z-index:1"><div class="style6" id="Titel">
    <div align="right"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="350" height="45" align="right">
        <param name="movie" value="afbeeldingen/wiezijnwe/1.swf" />
        <param name="quality" value="high" />
        <embed src="afbeeldingen/wiezijnwe/1.swf" wmode="transparent" width="350" height="45" align="right" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
        <param name="wmode" value="transparent" />
      </object>
    </div>
  </div>
  <div id="plaatje"></div>
  <div class="style8" id="text">
    <p align="justify"><strong>Voskamp Machinehandel is een bedrijf dat al 15   jaar actief is op het gebied van industri&euml;le houtbewerkingmachines. Wij zijn   gespecialiseerd in het leveren van maatoplossingen voor iedere individuele wens   van de klant. Dat kan vari&euml;ren van het aanbieden van standaard tot C.N.C.   gestuurde machines. Samen met onze adviseurs komt u er altijd uit.</strong></p>
    <p align="justify">Daarnaast beschikt Voskamp over een uiterst   professionele servicedienst. Hierdoor kunnen we u op allerlei manieren   ondersteunen; van aanschaf, tot onderhoud, tot eventuele reparatie. Zo heeft u   als klant van Voskamp, altijd de beschikking over een betrouwbaar machinepark. </p>
    <p align="justify"><br />
    </p>
  </div>
  <div align="center" class="style4 style14" id="menu"><a href="index2.html">  <span class="style11">Wie zijn we?</span></a> |  <a href="watdoenenkunnenwe.html" class="style10">Wat doen en kunnen we?</a>  |  <a href="machines.html" class="style10">Machines</a>  |  <a href="beurzen.html" class="style10">Beurzen</a>  |  <a href="nieuws.html" class="style10">Nieuws</a>  |  <a href="referenties.html" class="style10">Referenties</a></div>
<div id="E-mail">
  <div align="left"><a href="mailto:info@voskampmachinehandel.nl">[img]"afbeeldingen/pixel-transparant.png"[/img]</a></div>
</div>
</div>
</div>
</body>

Alle bestanden in een rar: http://www.qoox.nl/sites/voskamp/center.rar

WHEELP

vrijdag 21 juli 2006 11:57

Acties:

disjfa

be

Je centreert je div ook geheel niet. Je positioneerd hem absoluut.

disjfa - disj·fa (meneer)
disjfa.nl

vrijdag 21 juli 2006 11:57

Acties:

AtleX

Tyrannosaurus Lex 🦖

Gokje:

HTML:

1	<div id="center_div" style="margin: 0 auto;">

ipv

HTML:

1	<div id="center" align="center">

Niet getest btw.

Sole survivor of the Chicxulub asteroid impact.

vrijdag 21 juli 2006 11:58

Acties:

Verwijderd

je css is niet juist

gebruik

div#center{
width: 800px;
margin-left: auto;
margin-right: auto;
}

margin voor top en bottom moet je zelf bepalen, evenals de breedte

vrijdag 21 juli 2006 11:59

Acties:

Verwijderd

Topicstarter

AtleX schreef op vrijdag 21 juli 2006 @ 11:57:
Gokje:
HTML:
1
<div id="center_div" style="margin: 0 auto;">
ipv
HTML:
1
<div id="center" align="center">
Niet getest btw.

Werkt niet.

vrijdag 21 juli 2006 12:02

Acties:

Verwijderd

Zelf gebruik ik volgens mij:

code:

body
{
text-align: center;
}

#center
{
margin: 0 auto;
width: 800px; 
text-align: left;
}

Werkt in IE, FF, Opera

[edit]
Zonder 'text-align: center' in de 'body' werkt het in IE niet.

[ Voor 32% gewijzigd door Verwijderd op 21-07-2006 12:05 ]

vrijdag 21 juli 2006 12:05

Acties:

Verwijderd

Topicstarter

Verwijderd schreef op vrijdag 21 juli 2006 @ 12:02:
Zelf gebruik ik volgens mij:
code:
1
2
3
4
5
6
7
8
9
10
body
{
text-align: center;
}

#center
{
margin: 0 auto; 
text-align: left;
}

JAAA!!! $_/-\o_$

Ik heb geen idee waarom het werkt, maar het werkt.

[ Voor 10% gewijzigd door Verwijderd op 21-07-2006 12:06 ]

vrijdag 21 juli 2006 12:08

Acties:

Verwijderd

Verwijderd schreef op vrijdag 21 juli 2006 @ 12:05:
[...]
JAAA!!! $_/-\o_$

Ik heb geen idee waarom het werkt, maar het werkt.

Mooi dat het werkt, jammer dat je het niet snapt. Dit was wel weer zo'n zoek vraag die 100den keren voorbij is gekomen.

vrijdag 21 juli 2006 12:11

Acties:

Verwijderd

Topicstarter

Verwijderd schreef op vrijdag 21 juli 2006 @ 12:08:
[...]

Mooi dat het werkt, jammer dat je het niet snapt. Dit was wel weer zo'n zoek vraag die 100den keren voorbij is gekomen.

Nu moet je het feest natuurlijk niet gaan bederven he

vrijdag 21 juli 2006 14:13

Acties:

Verwijderd

offtopic:

Hmm dat ziet eruit als een highlighter-bug:

HTML:

<p align="left">goed!</p>
<p align="right">goed!</p>
<p align="center">fout?</p>
<p align="justify">fout?</p>

Die attribute values mogen wel volgens de recommendation.

[ Voor 24% gewijzigd door Verwijderd op 21-07-2006 14:14 ]

vrijdag 21 juli 2006 14:42

Acties:

André

Analytics dude

HTML:

<p style="text-align: left;">goed!</p>
<p style="text-align: right;">goed!</p>
<p style="text-align: center;">goed!</p>
<p style="text-align: justify;">goed!</p>

De highlighter houdt gewoon van nieuw code

vrijdag 21 juli 2006 14:46

Acties:

Totalmind

Division Brabant

lol, is er ook een topic voor standaard css problemen? anders zou die eigenlijk wel een keer aangemaakt moeten worden, want dit is een echte klassieker

http://www.divisionbrabant.nl

vrijdag 21 juli 2006 14:56

Acties:

André

Analytics dude

Het is in zoverre een klassieker omdat dit eigenlijk heel basic is en de oplossing overal te vinden. Daarom gaat hij nu dicht