meHolger Danske wrote:
> I nedenstående bliver div.blue placeret under div.red, men hvis
> jeg ændrer div.blue.width til 49% så er der plads nok til at de
> kan stå side om side. Hvorfor kan de ikke det hvis jeg angiver
> 50%?
Tillykke! Du har opdaget een af IEs mange CSS-bugs. Problemet er, så
vidt jeg kan forstå, at IE laver nogle afrundingsfejl, når man
benytter relative størrelser og floats. Du kan dog opnå det ønskede,
ved at benytte følgende trick:
<
http://www.daimi.au.dk/~zoolook/webdesign/red&blue.html>
[CSS]
body {
margin: 0;
padding: 0;
}
#red {
background: #f00;
width: 50%;
float: left;
}
#blue {
background: #00f;
margin: 0 0 0 50%; /* 50% venstremargin */
}
[HTML]
<html>
....
<body>
<div id="red">Den røde kasse</div>
<div id="blue">Den blå kasse</div>
</body>
</html>
Sørg endelig også for at definere både doctype og charset i dit HTML-
dokument!
> Ydermere, hvordan indsætter jeg billeder, som er centreret, på
> siden når siden er delt op i to dele?
Altså, du vil have billederne til at optræde ovenpå begge halvdele?
Så kunne du bruge 'postion: absolute;' og 'z-index: 2' til at placere
billederne.
--
Anders Thorsen Holm |
http://www.daimi.au.dk/~zoolook/
Overvejer du at købe en DVD-afspiller? Så hold dig fra Fona!
Læs hvorfor:
http://www.daimi.au.dk/~zoolook/fona/