Toon posts:

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

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

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:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<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

  • disjfa
  • Registratie: April 2001
  • Laatst online: 08-01 11:17

disjfa

be

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

disjfa - disj·fa (meneer)
disjfa.nl


  • AtleX
  • Registratie: Maart 2003
  • Niet online

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.


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

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. :(

Verwijderd

Zelf gebruik ik volgens mij:

code:
1
2
3
4
5
6
7
8
9
10
11
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 ]


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 ]


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.

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 :+

Verwijderd

offtopic:
Hmm dat ziet eruit als een highlighter-bug:
HTML:
1
2
3
4
<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 ]


  • André
  • Registratie: Maart 2002
  • Laatst online: 11-02 14:19

André

Analytics dude

HTML:
1
2
3
4
<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 ;)

  • Totalmind
  • Registratie: April 2005
  • Laatst online: 11-07-2022

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


  • André
  • Registratie: Maart 2002
  • Laatst online: 11-02 14:19

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 ;)
Pagina: 1

Dit topic is gesloten.