Rechte box unter menü positionieren

elias1993 · #1 (**permalink**) 25.07.2009, 23:55

Hi
ist eig. ne ganz leichte Frage

Habe rechts ein menü mit float: right; und eine rechtebox mit float: right;

jetzt kommen die aber nebeneinander und nicht untereinander.
Dazu möchte ich noch einen Sockel einbauen der automatisch nach unten geht wenn sich die rechtebox verlängert

Hier der Code:

#nav_container{
background-image: url();
background-color: #272626;

border-top-style:dashed;
border-right-style:dashed;
border-bottom-style:dashed;
border-left-style:dashed;
border: 1px #000000;
width: 222px;
color: #FFFFFF;
margin: 0px 5px 5px 0px;
padding: 5px;
display: inline;
float: right;
}

#boxrechts {
position: absolute;
color: #1d1d1d;
width: 233px;
float: right;
padding: 0px;
border: 0px solid #07417C;
margin: 0px 0px 0px 0px;
background-image: url(images/design/back.png);
background: #;
color: #c5c6c5;
}

würde mich über hilfe freuen

mfg

maistc07 · #2 (**permalink**) 26.07.2009, 08:55

Hey also am einfachsten is es glaub ich wenn du die beiden boxen in ein div gibst. Dem float:right setzt; und dort als hintergrund den sockel nimmst
Beispiel code kommt gleich

HTML-Code:

<!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" xml:lang="en" lang="en"> 
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style>
#wrap {
width:70%;
margin: 0 auto;
background: blue;

}
#rechts {
float:right;
width: 20em;
background:green;
}
#rechtebox {
clear:right;
float:right;

width:10em;
}




</style>

</head>
<body>
<div id="wrap">
<div id="rechts">
<div id="rechtebox">
<ul>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
</div>

<div id="menu">
<ul>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
</ul>
</div>

</div>
<p>
Lorem ipsum blablalbalabab asdflk as
di iasd ifasipa paisdfu asdfasd asdf
asdlf apsdif asldfjka asdfpasdf 
Lorem ipsum blablalbalabab asdflk as
di iasd ifasipa paisdfu asdfasd asdf
asdlf apsdif asldfjka asdfpasdf 

Lorem ipsum blablalbalabab asdflk as
di iasd ifasipa paisdfu asdfasd asdf
asdlf apsdif asldfjka asdfpasdf 

Lorem ipsum blablalbalabab asdflk as
di iasd ifasipa paisdfu asdfasd asdf
asdlf apsdif asldfjka asdfpasdf 

Lorem ipsum blablalbalabab asdflk as
di iasd ifasipa paisdfu asdfasd asdf
asdlf apsdif asldfjka asdfpasdf 

Lorem ipsum blablalbalabab asdflk as
di iasd ifasipa paisdfu asdfasd asdf
asdlf apsdif asldfjka asdfpasdf 

Lorem ipsum blablalbalabab asdflk as
di iasd ifasipa paisdfu asdfasd asdf
asdlf apsdif asldfjka asdfpasdf </p>
</div>

</body>
</html>

elias1993 · #3 (**permalink**) 29.07.2009, 21:26

Hey danke hat geklappt!
Für was steht das #wrap ?

maistc07 · #4 (**permalink**) 29.07.2009, 22:05

wrap ist nur dazu da um den inhalt zu zentrieren

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Darstellungsproblem	flohpapa	CSS	3	16.12.2009 08:55
nach einem Menü soll eine Box kommen, doch das Menü ist in der Box	michi-muc	CSS	6	15.07.2009 17:15
Kniffliges Layout mit float	Roadrunnerle	CSS	6	14.03.2006 11:26
#boxes a:hover.info: 2.posting mit css !!!	marioN	CSS	5	25.01.2004 17:04
#box a:hover .info: css-layout: ie6.0/win, moz.1ie5.0/mac,	marioN	CSS	2	19.01.2004 17:17