hallo allemaal,

ik heb via dreamweaver cs 3 volgende web gemaakt:


<!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=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
	margin: 0px;
	padding: 0px;
	background-image: url(images/bg_smoodstick.jpg);
}
#wrapper {
	text-align: center;
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(images/bg_container.jpg);
}
#header {
	margin-top: 0px;
}
#content {
	margin: 0px;
	padding: 0px;
}
#footer {
	margin-top: 12px;
	clear: both;
	background-image: url(images/bg_footer.jpg);
	height: 40px;
}
#logo {
	height: 71px;
	padding-bottom: 12px;
	background-image: url(images/bg_header.jpg);
}
.sitemap {
	text-align: right;
	vertical-align: bottom;
}
#sitemap {
	width: 950px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#nav {
	height: 28px;
	background-image: url(images/bg_container.jpg);
}
#banner {
	height: 200px;
	background-image: url(images/bg_container.jpg);
}
#leftColumn {
	float: left;
	width: 365px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	color: #66CC00;
	text-align: left;
	clip: rect(auto,auto,auto,auto);
}
#rightColumn {
	float: right;
	width: 365px;
}
-->
</style>
</head>

<body>
<div id="sitemap">
  <div align="right" class="style1">zzzzzz</div>
</div>
<div id="wrapper">
  <div id="header">
    <div id="logo"></div>
    <div id="nav">nav bar</div>
  </div>
  <div id="banner">
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>banner</p>
  </div>
  <div id="content">
    <div id="leftColumn">
      <p>We know that you have many companies are vying for your attention and your hard-earned dollars&#8212;it's no secret that we want them too. However, the dev/design crew brings.</p>
      <p>&nbsp;</p>
    </div>
    <div id="rightColumn">right</div>
  </div>
  <div id="footer">ddddd</div>
</div>
</body>
</html>


ik zal later wel alles in main.css ...

maar nu wil ik dat mijn text niet helemaal tegen de rand begint bij leftColum maar sprong maakt van 1 cm... dus als ik nieuwe regel enter dat het ook weer 1 cm ver is van de rand...
moet ik daarvoor nieuwe div aanmaken of kan ik het ergens instellen???

en is het ook mogelijk bij div om text helemaal onderaan te zetten? zo ja hoe? ben al een tijdje bezig maar lukt me niet...

samengevat:

text in leftcolum begint met 1 cm sprong van de rand en helemaal onderaan!

tnx,
Geef leftColumn een padding-left ;-).

Hoe bedoel je 'helemaal onderaan' precies? Die vat ik namelijk niet...
tnx die eerste werk dus wel :)

stel voor dat die leftcolum 36 px is, dat de text niet bovenaan begint maar onderaan.. zeg maar bottom!
Om text 1cm van de rand te laten beginnen:
#leftColumn {
padding-left: 1cm;
}
Dus dat ze naar beneden uitgelijnd zijn?

#leftColumn {
padding: auto auto 0px 1cm;
}

Zou dat werken?
nope...
en vertical-align: bottom;?
ook niet, ik heb ook gekeken of het lukt om in de midden verticaal te positioneren, werkt ook niet..!

snap het niet :S
#leftColumn p {
margin-bottom: 0px;
}

werkt bij mij

EDIT:
let op: er staat ook nog <p>&nbsp</p>, als je het bekijkt als deze paragraaf onder de tekst staat, blijft de tekst een stukje van de onderkant vandaan omdat deze p ook plaats inneemt
margin-bottom??? dan verschuif je gehele div... ik wil enkel text onderaan zetten...
got it :):):)...

ik snap het al... er moet een nieuwe css regel aangemaakt worden voor de text en die al class toepassen... het werkt niet al je het in geheel div wilt toepassen...

tnx :)

Niet Bumpen:

Twee of meer keer achter elkaar in een topic posten heet bumpen. Bumpen is pas na 24 uur toegestaan en kan een reden zijn voor de admins en moderators om een topic te sluiten. Gebruik indien nodig de knop om je tekst aan te passen.

SanThe.

Reageren