Archief - xHTML/CSS: probleempje met padding div

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.

SvenAeyels

Legacy Member
Hey

Bij Firefox is er meer witruimte boven de titel dan bij Internet Explorer. Hoe kan ik deze ruimte verkleinen tot 10 pixels? Alvast bedankt.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>Pagina</title>
<style>
<!--
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	background: #dddddd;
}

#column-left {
	float: left;
	width: 490px;
}

#breadcrumb {
	width: 475px;
	height: 17px;
	padding: 3px 15px 0px 0px;
	background: #777777;
	font-size: 10px;
	color: #4a4a4a;
	text-align: right;
}

#breadcrumb a {
	color: #4a4a4a;
	text-decoration: none;
}

#breadcrumb a:hover {
	color: #4a4a4a;
	text-decoration: underline;
}

#content {
	width: 405px;
	padding: 10px 20px 10px 65px;
	font-size: 12px;
	background-color: #ffffff;
	color: #4a4a4a;
}

#content h3 {
	font-size: 24px;
	font-weight: normal;
	background-color: #00ffff;
}

#content p {
	line-height:150%;
}

#content a {
	color: #4a4a4a;
}
-->
</style>
</head>

<body>
		<div id="column-left">
			<div id="breadcrumb">
				<a href="">Blokje 1</a></b>
			</div>

			<div id="content">
				<h3>Dit is een titel.</h3>
				<p>Hier staat een stukje tekst. Hier staat een stukje tekst. Hier staat een stukje tekst. Hier staat een stukje tekst.</p>
				<p>Hier staat nog een stukje tekst.</p>
			</div>
		</div>

</body>

</html>

Mithrandix

Legacy Member
door in body { margin: 0; padding: 0 } te zetten reset ge die dus niet voor alle elementen! daarvoor gebruikt ge

* {
margin: 0;
padding: 0;
}

represent

Legacy Member
Deze keer geen voorbeeldje van je site ;). Stel je voor dat nog meer mensen je totale siterip zouden zien... Slinks als je bent even de urls gedelete in de andere thread
Je bedriegt alleen jezelf door de layout van iconfactory.com over te nemen...

SvenAeyels

Legacy Member
Hey represent,

Ik wil toch effe het één en ander rechtzetten :p.
De layout heb ik van iemand gekregen als jpg-bestand. Ik heb de layout dus niet gekopieerd :$.
De layout was dus niet een klein beetje gekopieerd, maar trok er als 2 druppels water op :naughty:.
De website van Iconfactory kende ik niet. Dus, dank u wel om mij erop te wijzen dat de layout een kopie was :niceone:.
En ik heb inderdaad de urls verwijderd om niet in de problemen te komen :help:.

Groetjes,
Sven.

Xcessive-

Legacy Member
Bedoel je met titel die h3 (ik zie trouwens geen h1 en h2 of komt er nog een header?)?

h3 {
margin: 10px 0 0 0;
padding: 0;
}

represent

Legacy Member
SvenAeyels zei:
Hey represent,

Ik wil toch effe het één en ander rechtzetten :p.
De layout heb ik van iemand gekregen als jpg-bestand. Ik heb de layout dus niet gekopieerd :$.
De layout was dus niet een klein beetje gekopieerd, maar trok er als 2 druppels water op :naughty:.
De website van Iconfactory kende ik niet. Dus, dank u wel om mij erop te wijzen dat de layout een kopie was :niceone:.
En ik heb inderdaad de urls verwijderd om niet in de problemen te komen :help:.

Groetjes,
Sven.

Ok, sorry, dat wist ik niet. Ik hoop wel dat je het meent en niet als excuus gebruikt. En dat ik als ik binnenkort lithos en loges of whatever in google intik niet op het design van de iconfactory stoot...
Het is echt wel laag van je designer om een ander design klakkeloos over te nemen. Laat het hem weten, en zeg maar dat hij helemaal opnieuw begint, zonder designs klakkeloos over te nemen. Dan kom jij als coder tenminste niet in de problemen ;)
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