klein probleempje

ik heb 2 vraagjes

1. ik heb een klein probleempje ik mijn colommen worden neit automatisch groter of kleiner.
ze hebben gewoon een bepaalde hoogte hoe verander ik dit? tot de balk net zo hoog is al nodig.

#apDiv3 {
    position:absolute;
    left:62px;
    top:161px;
    width:200px;
    height:323px;
    z-index:2;
    background-color: #333333;

2. mijn style staat in mijn index.php contact.php etc. en als ik dat in een style.css bestand doe en zet.

<link rel="stylesheet" type="text/css" href="style.css" media="screen" />

in die pagina doet de style het niet! hoe maak ik dit goed??

alvast bedankt

Freestyle schreef:

ik heb 2 vraagjes

1. ik heb een klein probleempje ik mijn colommen worden neit automatisch groter of kleiner.
ze hebben gewoon een bepaalde hoogte hoe verander ik dit? tot de balk net zo hoog is al nodig.

#apDiv3 {
    position:absolute;
    left:62px;
    top:161px;
    width:200px;
    height:323px;
    z-index:2;
    background-color: #333333;

2. mijn style staat in mijn index.php contact.php etc. en als ik dat in een style.css bestand doe en zet.

<link rel="stylesheet" type="text/css" href="style.css" media="screen" />

in die pagina doet de style het niet! hoe maak ik dit goed??

alvast bedankt

1. zet ipv height:323px; > overflow:hidden;
2. Heb je je .style.css geupload in dezelfde map als index.php? of staan je images in een aparte map en heb je die wel geupload? Geef anders de link van je site dan kijk ik even

ik heb de style.css in de zelfde map als index.php en de rest en daar staat ook de map images in dus dat staat wel goed
ik heb de overflow:hidden; gedaan. allen mijn footer die blijft nog steeds staan waar hij staat hoe gaat die automatisch omlaag?

Dat komt waarschijnlijk omdat je dan position:absolute; gebruikt.
Probeer iets van margin-top: 15px;
Dat zorgt ervoor dat er een ruimte van 15px tussen je footer en hetgene wat daarboven staat komt.
Als je je css code van je footer wilt posten, je site naam of je hele css code kan ik je beter helpen.

Mvg, Max

<style type="text/css">
body {
    background-color: #E5E5E5;
    color: #FFF;
}
#apDiv1 {
    position:absolute;
    left:62px;
    top:35px;
    width:900px;
    height:102px;
    z-index:1;
    color: #6F0;
    background-color: #333333;
}
#apDiv2 {
    position:absolute;
    left:0px;
    top:169px;
    width:1024px;
    height:1px;
    z-index:2;
}
#apDiv3 {
    position:absolute;
    left:62px;
    top:161px;
    width:200px;
    overflow:hidden;
    z-index:2;
    background-color: #7B7C81;
}
#apDiv4 {
    position:absolute;
    left:273px;
    top:93px;
    width:689px;
    height:280px;
    z-index:3;
}
#apDiv5 {
    position:absolute;
    left:278px;
    top:160px;
    width:683px;
    overflow:hidden;
    z-index:3;
}
#apDiv6 {
    position:absolute;
    left:63px;
    top:496px;
    width:899px;
    height:34px;
    z-index:4;
    background-color: #333333;
    text-align: center;
}
body,td,th {
    color: #FFF;
}
h1 {
    font-size: 14px;
}
h2 {
    font-size: 18px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 36px;
    text-align: center;
}
h5 {
    font-size: 10px;
}
h6 {
    font-size: larger;
}
</style>

@tunyque
kan jij er in zetten hoe ik die footer goed doe heb net geprobeert maar dat lukte niet

Kan je erbij zetten welke div wat is? want zo heb ik geen idee waar ik iets aan moet veranderen En ik zou het sowieso heel anders doen, ik zou een container gebruiken om alles in het midden te houden en dan met margin werken.

#apDiv1 {
    position:absolute;
    left:62px;
    top:35px;
    width:900px;
    height:102px;
    z-index:1;
    color: #6F0;
    background-color: #333333;
}
#apDiv2 {
    position:absolute;
    left:0px;
    top:169px;
    width:1024px;
    height:1px;
    z-index:2;
}
#apDiv3 {
    position:absolute;
    left:62px;
    top:161px;
    width:200px;
    overflow:hidden;
    z-index:2;
    background-color: #7B7C81;
}
#apDiv4 {
    position:absolute;
    left:273px;
    top:93px;
    width:689px;
    height:280px;
    z-index:3;
}
#apDiv5 {
    position:absolute;
    left:278px;
    top:160px;
    width:683px;
    overflow:hidden;
    z-index:3;
}
#apDiv6 {
    position:absolute;
    left:63px;
    top:496px;
    width:899px;
    height:34px;
    z-index:4;
    background-color: #333333;
    text-align: center;

dat zijn die vlakken zeg maar.

hoe kan ik dat dan beter doen?
bv, margin:center: ofzo?

Als je iets wilt centreren gebruik je:

margin: auto;

Of:

margin-left: auto;
margin-right: auto;

moet je die margin: auto; vervangen door het zinnetje left:62px;

Ja, dat dacht ik wel.

dat doet ie niet hoor

Freestyle schreef:

dat doet ie niet hoor

omdat je overal position: absolute; gebruikt, dat hoef je met een "gewone layout niet te gebruiken.

ik heb nog maar 1 probleem en dat is: mijn footer die gaat niet automatisch mee naar benden/boven als mijn content omlaag/omhoog gaat

hoe doe ik dat?

als je nou eens absolute vervangt voor relative. en dan top aanpassen voor hoeveel ruimte je tussen je footer en de div erboven wil.

Dat zou wel moeten lukken.

moet ik dan alle absolute vervangen?