CSS hulp nodig mbt positioneren van div> OPGELOST! (nu echt)

Ik ben ook maar eens aan de slag gegaan met CSS. Het is moeilijk om oude gewoontes op te geven. Ik html alsof ik nederlands schrijf en tabellen zitten zo in mijn systeem maar ik moet er ook maar aan... Nu ben ik begonnen met mijn eigen site en het lukt aardig alleen kom ik ergens niet uit.

Ik heb onderaan een contact “button” en die wil ik rechts uitlijnen zodat de rechterkant gelijk staat met de rechterkant van de scrollbalk. Hoe doe ik dat? Ik heb al heel veel gehad aan alle tips en links die ik hier vond maar dit lukt me niet. Ik heb nu de margin links en rechts op “auto” staan maar dan blijft de button dus in het midden. Heeft iemand een idee?

http://www.esthermols.net

Alvast veel dank!

Je kunt de hele boel in een nieuwe div zetten en de mail-div-css uitbreiden met [code:1:7702c0e352]float: right;[/code:1:7702c0e352]

[code:1:f4d9bffdf1] (...) bovenkant html-pagina (...) <style type="text/css" media="screen"> <!--

body {
background-color: #cb1009;
font-size: 12px;
font-family: "Century Gothic", "Verdana", Arial, sans-serif;
color:#564b47;
padding:20px;
margin:0px;
background-position: center top;
background-repeat: no-repeat;
background-image: url(images/bg_work.gif);
background-attachment: fixed;
overflow: auto;
letter-spacing: 2px;
font-weight: bold;
}

#content {
height:380px;
text-align: left;
padding: 0px;
border: 1px dotted #ffffff;
overflow: auto;
}

#wrapper{
width:430px;
vertical-align: middle;
margin: 0px auto;
}

#mail {
height:15px;
width:80px;
font-size: 11px;

float&#58; right;

letter-spacing&#58; 2px;
font-family&#58; &quot;Century Gothic&quot;, &quot;Verdana&quot;, Arial, sans-serif;
text-align&#58; center;
margin&#58; 5px auto;
padding&#58; 0px;
overflow&#58; hidden;
font-weight&#58; bold;
text-transform&#58;uppercase;
border&#58; 1px dotted #ffffff;
vertical-align&#58; middle;
 &#125;

p, h1 {
margin: 0px;
padding: 10px;
}
h1 {
font-size: 13px;
text-transform:uppercase;
text-align: left;
color: #ff6600;
}

a {
color: #ff6600;
font-size: 11px;
background-color:transparent;
text-decoration: none;
}

a:hover {
color: #ffffff;
}

–></style>
</head>
<body>

<div id="wrapper">

&lt;div id=&quot;content&quot;&gt;

&#40;...&#41;
	De inhoud
&#40;...&#41;

&lt;/div&gt;

&lt;div id=&quot;mail&quot;&gt;
	&lt;a href=&quot;mailto&#58;mail@esthermols.net&quot;&gt;CONTACT&lt;/a&gt;
&lt;/div&gt;

</div>

</body>
</html>
[/code:1:f4d9bffdf1]

Je bent a:visited nog vergeten :)

En dan ook maar meteen link en active gebruiken.

GEWELDIG!! het werkt. En het is eigenlijk ook heel simpel en logisch.

Toch nog niet helemaal opgelost. Nu heb ik even in browsercam gekeken hoe het er uitziet op een PC in Microsoft IE...en dat is dus een drama. Of nou ja drama, niet zo mooi. Hij lijnt alles naar links uit. Nu heb ik al hier en daar begrepen dat MIE niet meewerkt in het CSS-gebeuren. Heeft iemand misschien toch nog een oplossing om dit in MIE ook een beetje fatsoenlijk in het midden uitgelijnd te krijgen??

[code:1:69a589a423]body{ ... text-align: center; }[/code:1:69a589a423]

Is het zo simpel!? Heb ik allerlei moeilijke dingen zitten zoeken en lezen en proberen. Maar ik heb gecheckt in browsercam en inderdaad, het werkt perfect. Dank je wel.

heb je een idee (of link) waarom dit nou werkt?

Omdat het Internet Explorer is... (volgens de W3C standaarden zou deze laatste hack niet nodig moeten zijn)