Text in einem CSS ganz unten
Charlie
- css
0 Hopsel
Hi,
ich habe folgende Seite:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>CSS TEMPLATE 06</title>
<style type="text/css" media="screen"><!--
/* <![CDATA[ */
/* body und schrift deffinitionen */
html {
padding:0px;
margin:0px;
}
body {
font-size: 12px;
font-family: Tahoma, Verdana, Arial, SunSans-Regular, Sans-Serif;
margin:0px;
padding:0px;
}
/* positioning-layers statisch und absolut */
#box { width:772px; position:absolute; left: 50%; margin-top: 0px; margin-left:-380px; }
#links {
width:165px;
padding:0px;
float:left;
background-color:#ff99cc;
}
#inhalt {
width:607px;
padding:0px;
float:left;
background-color:#fff;
overflow: auto;
}
#header {
background: transparent url(http://www.test.at/images/header.png) bottom left no-repeat;
height: 143px;
}
#menue {
position:absolute;
background: black;
color: #FFFFFF;
height: 22px;
width: 436px;
right:0px;
}
/* ]]> */
--></style>
</head>
<body>
<div id="box">
<div id="header">
<div id="menue" style="margin-bottom: 0px; padding-bottom: 0px; float: inherit;">
<img src="http://www.test.at/images/menue_arrow.gif" alt="" />Start
</div>
</div>
<div id="links">
<h1>MENU links</h1>
</div>
<div id="inhalt">
<h1>INHALT</h1>
</div>
</div>
</body>
</html>
Leider wird mir aber das Wort Start nicht ganz unten in meinem header-div positioniert.
Wie schaffe cih dies?
lg
Charlie
Hi,
Positionierung und Anzeige von Elementen
MfG Hopsel