Hej! Hej Nä, de va inte det :-( När jag tog bort den så hoppade "aa"-diven ner till gröna området och "Bababba"-diven tog bara upp en rad.. Mystiskt!! Har du prövat koden? Du kan ju alltid ange "position" för att få dem att visas där du vill. menar du absolut positionering?, det vill jag hellst inte använda för en sån sak. Mystisk sak då jag haft det och funger andra ställen. Så här blev min kod, fick ändra om en del som du ser. Men det verkar sköta sig som det skall i alla fall. jepps, nu ser det bättre ut. I IE förstås, men kan nog bygga vidare från dehär! Tack för hjälpen!! <b>Div:en som det står "aa" i borde ju bli högerställd på samma rad som texten "Bababba", men den skuffas istället ner en rad och sen högerställs den!</b>Float fungerar inte skapligt
Leker lite med css-egenskapen float men får den inte att funger skapligt.
[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Hejsan</title>
<style type="text/css">
div.header{
width: 100%;
background-color: #eee;
border-bottom: 1px solid black;
}
#right{
float: right;
display: inline;
border: 1px solid black;
}
div.cnt{
width: 150px;
background-color: #cfc;
border: 1px solid black;
}
div#obj{
/*display: block;*/
}
</style>
</head>
<body>
<div class="cnt">
<div class="header">Bababba <div id="right">aa</div> </div>
<div id="obj">
en div till..
</div>
</div>
</body>
</html>
[/code]
Div:en som det står "aa" i borde ju bli högerställd på samma rad som texten "Bababba", men den skuffas istället ner en rad och sen högerställs den! Detta händer i alla bläddrare utom IE5.5 för Mac...
Jag har provat en hel rad kombinationer med display-egenskaper, float, clear, olika taggar(a,div,b...) men de skuffas alltid ner en rad..
Tack på förhand, BurreSv: Float fungerar inte skapligt
Kan det inte vara för att du har angett "width: 100%" i div.header?Sv: Float fungerar inte skapligt
Finns här http://www.sit.fi/~granqvit/php/test.htmlSv: Float fungerar inte skapligt
Sv: Float fungerar inte skapligt
Sv: Float fungerar inte skapligt
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Hejsan</title>
<style type="text/css">
div.header
{
margin: o;
padding: 0;
float: left;
width: 100px;
background-color: #eee;
border-bottom: 1px solid black;
}
div.right
{
float: right;
width: 50px;
display: inline;
background-color: #ccf322;
}
div.cnt
{
width: 150px;
background-color: #cfc;
border: 2px dotted black;
}
div#obj
{
float: left;
width: 150px;
}
</style>
</head>
<body>
nu är div.header utan width: 100%;
<div class="cnt">
<div class="header">Bababba</div>
<div class="right">aa</div>
<div id="obj">en div till..</div>
</div>
</body>
</html>
//Anna-Karin
Sv: Float fungerar inte skapligt
Sv: Float fungerar inte skapligt
Nej, det borde den inte. För att så skall ske skall den DIVen ligga *före* texten "Bababba".
Här är mitt förslag till kod att utgå från:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Hejsan</title>
<style type="text/css">
div.header{
background-color: #eee;
border-bottom: 1px solid black;
}
#right{
float: right;
}
div.cnt{
width: 150px;
background-color: #cfc;
border: 1px solid black;
}
div#obj{
}
</style>
</head>
<body>
<div class="cnt">
<div class="header">
<div id="right">aa</div>
<span style="background: #fcc">Bababba</span>
</div>
<div id="obj">
en div till..
</div>
</div>
</body>
</html>