[CSS+IE] Div uitrekken over de pagina

Pagina: 1
Acties:

  • HielkeJ
  • Registratie: Juli 2001
  • Niet online
Hallo!

Ik ben bezig met een andere layout voor mijn site, maar loop nu tegen een probleem op.
In Mozilla FireFox 0.8 werkt het zonder problemen, maar in IE wil het helaas niet goed lukken.

Ik heb mijn site voor het eerst met layers gemaakt, wat mij eigenlijk wel goed bevalt, maar ik zit helaas nog met dit probleem.

Ik wil graag dat de main uitgerekt wordt over de rest van de pagina en dat dacht ik zo op te lossen:

code:
1
2
3
4
5
6
7
8
9
10
div#main {
    position: absolute; 
    right: 15px;
    left: 202px;    
    top: 190px;
    width: auto;
    height: auto;
    padding: 10px;
    text-align: center;
}

Maar als ik het op deze manier doe, dan gaat de layer links staan. Maar als ik het volgende stukje weglaat, gaat hij weer rechts staan.

code:
1
left: 202px;

Ik heb het halve internet al afgezocht, om dit op te lossen, maar zelfs met site's zoals w3schools.com kom ik er helaas niet uit.

Een vaste waarde wil ik eigenlijk niet, omdat je nooit weet in welke resolutie de bezoeker de site bekijkt.

site:
http://www.hielkej.nl/test/ Offline ;(

Alvast bedankt :)

Verwijderd

Gebruik geen 'position:absolute' en gewoon 'margin' i.p.v. 'right', 'left', 'top' etc. Een DIV neemt standaard horizontaal alle ruimte in die het kan nemen (alle 'display:block' elementen eigenlijk).

Heb je anders misschien iets meer details over je layout?

(Bottomline is natuurlijk dat IE het niet ondersteund, maar meestal hoeft dat geen problemen op te leveren.)

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 12:18

crisp

Devver

Pixelated

ik zou het op zo'n manier doen:

Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
div#container {
    padding-top: 190px;
    padding-right: 15px;
    padding-left: 202px;
}    

div#main {
    padding: 10px;
    text-align: center;
    background-color: blue;
}

HTML:
1
2
3
<div id="container">
  <div id="main">tralala</div>
</div>

Intentionally left blank


Verwijderd

offtopic:
Maak wel ff een lijstje met bestanden die mogen worden ge-include...
Check deze pagina: http://www.hielkej.nl/test/index.php?d=index

Dit is natuurlijk niet zo'n ramp, maar zo kan het ook:
http://www.hielkej.nl/tes...jnserver.nl/slechtbestand

  • HielkeJ
  • Registratie: Juli 2001
  • Niet online
Anne en crisp bedankt voor de hulp :)
Dit werkt goed :)

en slindenau, ik heb het opgelost, bedankt voor de tip :)