Thread: positieprobleempje met content
-
18-12-2009, 15:26 #16Member
- Registered
- 13/10/08
- Location
- Aartselaar / Leuven
- Posts
- 196
- iTrader
- 1 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/1
Oké laat maar iets weten, ook als het in orde is aub.
no votes
-
-
19-12-2009, 17:29 #17Member
- Registered
- 25/10/07
- Posts
- 33
- iTrader
- 1 (100%)
- Mentioned
- 0 Post(s)
Heb de dingen aangepast die jij zei, alleen die padding van de p heb ik anders gedaan. Is het zo ook oké? Ik zal hieronder de hele code posten want ik heb nog altijd een probleempje: mijn footer staat in de resolutie 1440*900 wel in het midden, maar bij 1024*768 niet. En m'n header heb ik met cufon in een ander lettertype geplaatst, maar in IE zie ik het gewone lettertype waardoor heel m'n content naar boven wordt getrokken. Aangezien ik nog maar pas begin, zullen er nog wel meer fouten instaan die ik zelf nog niet meteen zie dus die mag je altijd aanhalen

/**************************************************
BODY/CONTAINER
**************************************************/
*{
margin:0;
padding:0;
}
body{
background-image: url(../../images/achtergrondgrijzer.jpg);
background-repeat:no-repeat;
background-attachment
croll;
background-position:top;
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
color:#000;
text-align:justify;
line-height:22px;
}
p{
padding: 10px 420px 0 140px;
}
a:link{
color: #000;
text-decoration: none;
}
strong{
color:#FFF;
}
#container{
margin: 0 auto;
width:1024px;
}
/***********************************************
HEADER
***********************************************/
h1{
margin: 10px 0 0 250px;
padding: 0 0 10px 0;
color:#dd0505;
font-size:80px;
}
h2{
margin: 0 0 0 208px;
color:#000;
font-size:30px;
}
/***********************************************
NAVIGATION
***********************************************/
.nav ul{
list-style:none;
margin:10px 0 0 125px;
padding:0;
}
.nav ul li{
float:left;
font-size:18px;
margin: 40px 30px 0 0;
color:#dd0505;
}
.nav ul li a{
color:#000;
text-decoration:none;
}
.nav ul li a.highlight{
color:#dd0505;
}
/***********************************************
CONTENT
***********************************************/
h3{
font-size:30px;
font-weight:bold;
margin: 120px 0 0 135px;
padding: 0 0 20px 0;
}
a.journalist{
color:#000;
text-decoration:underline;
font-weight: bold;
}
.afbeelding1{
position:absolute;
border: solid 2px #FFF;
margin: -375px 0 0 625px;
}
.afbeelding2{
position:absolute;
border: solid 2px #FFF;
margin: -170px 0 0 625px;
}
.filmpje{
position:absolute;
margin:-300px 0 0 580px;
}
dl{
margin: 25px 0 0 0;
}
dt{
font-weight:bold;
margin: 0 0 0 135px;
}
dd{
margin: 0 0 0 135px;
}
a.contactFAQ{
color:#FFF;
text-decoration:underline;
}
/***********************************************
FOOTER
***********************************************/
#footer{
background: url("../images/footer.gif") no-repeat;
margin: 35px 0 0 75px;
width:866px;
height:68px;
}
#footerinfo{
font-size:11px;
color: #dd0505;
margin: 23px 0 0 255px;
position:absolute;
}
#footercontact{
background: url("../images/footer.gif") no-repeat;
margin: 13px 0 0 75px;
width:866px;
height:68px;
}
#footerhome{
background: url("../images/footer.gif") no-repeat;
position:absolute;
margin: 535px 0 0 75px;
width:866px;
height:68px;
}
#footerFAQ{
background: url("../images/footer.gif") no-repeat;
position: absolute;
margin: 10px 0 0 75px;
width: 866px;
height: 68px;
}
a.contact{
color:#dd0505;
text-decoration:underline;
}no votes
-
19-12-2009, 17:37 #18Approved 9liver
- Registered
- 29/10/03
- Location
- Izegem
- Posts
- 4,748
- iTrader
- 25 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 6/9
Je hebt geen content div? Het is de bedoeling dat je binnenin uw container nog een content div zet waaring uw inhoud in moet. In de container moeten dus uw header, menu, content, footer enzo zitten, anders zul je problemen krijgen qua positionering.
Zo dus bvb:
Code:<div id="container"> <div id="header"></div> <div id="menu"></div> <div id ="content"> <p></p> </div> <div id="footer"></div> </div>no votes
-
19-12-2009, 17:56 #19Member
- Registered
- 25/10/07
- Posts
- 33
- iTrader
- 1 (100%)
- Mentioned
- 0 Post(s)
Jawel die heb ik wel in m'n html. Heb die in z'n geheel gewoon geen css-eigenschappen gegeven, maar alles apart
no votes
-
19-12-2009, 17:58 #20
Je kan beter je container een beetje positioneren om dan die paddings/margins te kunnen laten op uw paragrafen etc..
no votes
-
19-12-2009, 23:24 #21
Doe de lineheight uit je body tag
en zet erbij in die body tag:
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
als je toch lineheight wil om meer spatie tussen de regels te hebben,
pas dan toe op alle p tags:
Het ding is dat je best geen spatie declaratie op het bovenste element doe, dat is meer een hint om minder last te krijgen verder... Het is maar een detail I know ;-)Code:p { line-height: 24px; }
Verder:
in de H1 tag
padding: 0 0 10px 0; -> dit zorgt alleen voor last, als je ruimte wilt creeren onder je h1 tag, doe het dan met de margin
, dat daar padding gebruikt kan worden is als je in je h1 tag een achtergrond zet ofzo bv en die dan de tekst ermee kunnen schikken, maar dat heb jij dus niet...
Vervolgens wat GregoryCo zei met divs je structuur opbouwen:
Wil je je website in het midden van de pagina zet danHTML Code:<div id="container"> <div id="header"></div> <div id="menu"></div> <div id ="content"> <p></p> </div> <div id="footer"></div> </div>
de stijl van de container:
Succes!Code:div.container { margin: 0px auto 0px auto; padding: 0px; }Regards Philno votes
-
21-12-2009, 16:03 #22Member
- Registered
- 25/10/07
- Posts
- 33
- iTrader
- 1 (100%)
- Mentioned
- 0 Post(s)
Ik heb nog eens alles aangepast wat phil_r zei, maar mijn probleem geldt nog steeds

In mijn html had ik mijn structuur al zo opgebouwd zoals jullie het voorstelden, maar ipv van 'div.container{}', gebruik ik '#container{}', is dat van mij fout dan?no votes
-
21-12-2009, 17:41 #23
Sorry mijn fout. met id moet je idd #container gebruiken
Het kan ook aan je foto blokjes.jpg liggen, probeer eens even met gewoon een achtergrond kleur om te zien of het daar aan ligt?
Als het alleen in liveview dreamweaver is, is het probleem niet belangrijk toch?
Last edited by phil_r; 21-12-2009 at 17:46.
Regards Philno votes
-
21-12-2009, 17:49 #24Member
- Registered
- 13/10/08
- Location
- Aartselaar / Leuven
- Posts
- 196
- iTrader
- 1 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/1
Kan je de site miss eens online zetten zo kunnen we ook eens 'zien' wat er nog fout is ? Zo gaat het miss sneller.
no votes
-
21-12-2009, 18:41 #25Member
- Registered
- 25/10/07
- Posts
- 33
- iTrader
- 1 (100%)
- Mentioned
- 0 Post(s)
gamer
Heb 'm hier even online gezet. Hij is dus goed op resolutie 1440*900, maar niet op 1024*768 (in firefox)
Het E-portfolio waar naar gelinkt wordt, heeft hetzelfde probleem, maar als ik van deze de oplossing weet, kan ik het daar wss wel oplossen.
Ik zie trouwens net dat die eerste code die ik hier geplakt heb, van het portfolio is. Bij deze site hoort dus de volledige code ik hier geplaatst heb.no votes

