Lidt CSS problemer
Hej, jeg har lidt problemer med at få 2 logoer til at følge den tekst box som jeg har.se eks. her: http://hcparty.dk/_flash/zacho/
Jeg vil gerne have sådan at de 2 logoer ca er 15 px under slutningen af teksten, (teksten størrelse skal kunne ændres, mens at de følger med.)
Og efter jeg har givet min content box auto height, så er dens border forsvundet:S
Nogle der kan hjælpe mig her?? :P
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title>zacho</title>
<style type="text/css">
body {
margin:0px;
}
#banner {
position:absolute;
left:150px;
top:25px;
width:750px;
height:100px;
border:solid 1px;
border-color:silver;
}
#menu {
background-image: url("images/menu1_08.gif");
position:absolute;
left:150px;
top:125px;
width:750px;
height:25px;
border:solid 1px;
border-color:silver;
}
#content {
position:absolute;
left:150px;
top:150px;
width:750px;
height:auto;
border:solid 1px;
border-color:silver;
}
#tekst {
position:absolute;
left:50px;
right:50px;
top:5px;
bottom: 25px;
}
#logo {
position:absolute;
top:90%;
left:45%;
}
</style>
<script type="text/javascript">
function skiftbillede(img_name,img_src) {
document[img_name].src=img_src;
}
</script>
</head>
<body>
<div id="content"><div id="tekst"><b><br><br><font face="arial" size="4" color="#FF9900">Velkommen</font></b><br><font face="arial" size="2" color="#000000"><br>Iste quidem veteres inter ponetur honeste, qui vel mense brevi vel toto est iunior anno. Utor permisso, caudaeque pilos ut equinae paulatim vello unum, demo etiam unum, dum cadat elusus ratione ruentis acervi, qui redit in fastos et annis miraturque.
Ennius et sapines et fortis et alter Homerus, ut critici dicunt, leviter curare videtur, quo promissa cadant et somnia Pythagorea.Naevius in manibus non est et mentibus haeret paene recens? Adeo sanctum est vetus omne poema. Ambigitur quotiens, sit prior, Pacuvius docti.
<!--- teksten er en del mindre her, så at det ikke flyder så meget ---!>
</font></div></div>
<div id="banner">
<object type="application/x-shockwave-flash" data="banner2.swf" width="750" height="100">
<param name="movie" value="banner2.swf">
</object></div>
<div id="menu">
<!--- Min laaange menu ---!>
</div>
<div id="logo">
<p>
<a href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fhcparty.dk%2F_flash%2Fzacho%2F&usermedium=all"><img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!"></a>
<a href="http://validator.w3.org/check?uri=referer">
<img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-html401" alt="Valid HTML 4.01 Transitional" height="31" width="88">
</a>
</p>
</div>
</body>
</html>
