Archief - PREVIEW: Porftfolio + vraag probleem

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
C

Chalk

Legacy Member
*Opbouwende kritiek graag

Het is niet specifiek in opdracht van school,..
Enkel voor het plezier. Het is wél handig voor Engels (we moeten een portfolio invullen,...)

*Het probleem is zichtbaar in de 2 verschillende screenshots

FF: Zoals het hoort te zijn (klik)
IE: foutief (klik)

CSS code:
Code: 
/* Boven */

body {
	background-image: url(../images/bg_up.jpg);
	background-repeat: repeat-x;
	background-color: #FF6600;
	font-size: 11px;
	color: #666666;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

/* Vlinder & ChalkFolio */

#bovenlogo {
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	width: 337px;
	height: 102px;
	margin-left: 25%;
}

/* Menu & bijhoren */

#menutekst {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin-left: 70%;
	margin-top: -15px;
}

a:link {
	color: #FF6600;
	text-decoration: none;
}
a:visited {
	color: #FF6600;
	text-decoration: none;
}
a:hover {
	color: #FF9900;
}
a:active {
	color: #FF9900;
}


/* TEKST OPMAAK */

h1 {
	font-size: 13px;
	font-weight: bold;
	color:#666666;
}

h2 {
	font-size: 11px;
	font-weight: bold;
	color:#666666;
}

br {
	padding: 5px;

}

/* PLAATSING TEKST */

div.vak {
	background-color: white;
	width: 50%;
	margin-left: 25%;
	margin-top: 2px;
	}
	
/* TWEE TEKSTVAKKEN BUG */	
	
div.spacer {
	clear: both;
}
	
/* AFBEELDING KADER in tekstgedeelte */

div.tekstafb {
	background-image: url(../images/keyboard.jpg);
	height: 86px;
	background-repeat: no-repeat;
	margin-left: 45px;
	}

div.tekstvak {
	background-color: #f5eeed;
	color: #666666;
	width: 66%;
	margin-left: 10px;
	margin-top: 6px;
	padding-right: 5px;
	padding-left: 5px;
	float: left;
}
div.extravakhome {
	background-color: #f5eeed;
	color: #666666;
	width: 25%;
	margin-left: 73%;
	margin-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}

div.extravakportfolio {
	background-color: #f5eeed;
	color: #666666;
	width: 25%;
	margin-left: 73%;
	margin-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}

div.extravakcontact {
	background-color: #f5eeed;
	color: #666666;
	width: 25%;
	margin-left: 73%;
	margin-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}

/* AFBEELDINGEN */

#site1 {
	background-image: url(../images/htt.jpg);
	background-repeat: no-repeat;
	height: 100px;
	padding: 5px;
}
#site2 {
	background-image: url(../images/lp.jpg);
	background-repeat: no-repeat;
	height: 100px;
	padding: 5px;
}
#site3 {
	background-image: url(../images/tnd.jpg);
	background-repeat: no-repeat;
	height: 100px;
	padding: 5px;
}

/* Copyright */

#disclaimer {
	font-size: 9px;
	color: #990000;
	margin-left: 26%;
	margin-top: 5px;
}

Alvast bedankt.
m

mythe

Legacy Member
U margin en padding met een joker op 0 zetten.
Want IE rekent zoiezo wa margin aan. Vraag mij niet waarom :p.
e

exxhal

Legacy Member
Heb dat probleem ook eens gehad, heb toen gebruik gemaakt van padding en margin.
Heb hier ook een position van de background gebruikt.
background-position: center top;
C

Chalk

Legacy Member
Commentaren op het design?

EDIT.

Door even te prullen met margins/paddings heb ik het zoals het hoort gekregen (FF/IE6 alvast)
Bedankt voor de hulp alvast frenzal, mythe, exxhal.

Code: 
/* Boven */

body {
	background-image: url(../images/bg_up.jpg);
	background-repeat: repeat-x;
	background-color: #FF6600;
	font-size: 11px;
	color: #666666;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
}

/* Vlinder & ChalkFolio */

#bovenlogo {
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 337px;
	height: 102px;
	margin-left: 25%;
	padding: 0px;
	margin-top: 9px;
}

/* Menu & bijhoren */

#menutekst {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin-left: 70%;
	margin-top: -15px;
}

a:link {
	color: #FF6600;
	text-decoration: none;
}
a:visited {
	color: #FF6600;
	text-decoration: none;
}
a:hover {
	color: #FF9900;
}
a:active {
	color: #FF9900;
}


/* TEKST OPMAAK */

h1 {
	font-size: 13px;
	font-weight: bold;
	color:#666666;
}

h2 {
	font-size: 11px;
	font-weight: bold;
	color:#666666;
}

br {
	padding: 5px;

}

/* PLAATSING TEKST */

div.vak {
	background-color: white;
	width: 50%;
	margin-left: 25%;
	margin-top: 1px;
	
	}
	
/* TWEE TEKSTVAKKEN BUG */	
	
div.spacer {
	clear: both;
}
	
/* AFBEELDING KADER in tekstgedeelte */

div.tekstafb {
	background-image: url(../images/keyboard.jpg);
	height: 86px;
	background-repeat: no-repeat;
	margin-left: 45px;
	padding: 0px;
	}

div.tekstvak {
	background-color: #f5eeed;
	color: #666666;
	width: 66%;
	margin-left: 10px;
	margin-top: 6px;
	padding-right: 5px;
	padding-left: 5px;
	float: left;
}
div.extravakhome {
	background-color: #f5eeed;
	color: #666666;
	width: 25%;
	margin-left: 73%;
	margin-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}

div.extravakportfolio {
	background-color: #f5eeed;
	color: #666666;
	width: 25%;
	margin-left: 73%;
	margin-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}

div.extravakcontact {
	background-color: #f5eeed;
	color: #666666;
	width: 25%;
	margin-left: 73%;
	margin-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}

/* AFBEELDINGEN */

#site1 {
	background-image: url(../images/htt.jpg);
	background-repeat: no-repeat;
	height: 100px;
	padding: 5px;
}
#site2 {
	background-image: url(../images/lp.jpg);
	background-repeat: no-repeat;
	height: 100px;
	padding: 5px;
}
#site3 {
	background-image: url(../images/tnd.jpg);
	background-repeat: no-repeat;
	height: 100px;
	padding: 5px;
}
#site4 {
	background-image: 
}
#site5 {
	background-image: 
}
#afb1 {
	background-image: 
}
#afb2 {
	background-image: 
}
#afb3 {
	background-image: 
}
/* Copyright */

#disclaimer {
	font-size: 9px;
	color: #990000;
	margin-left: 26%;
	margin-top: 5px;
}
S

Smokyke

Legacy Member
Ik vind de layout niet slecht, het ziet er een layout die snel laadt en niet uit afbeeldingen bestaat wat goed is.
De kleuren vind ik ook niet slecht gekozen. :P
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan