[Kimppa]

Rätt ny på CSS men att floata den i ett större element innebär det att jag lägger till en relative CSS-box på en plats på sidan och sedan absolutar sökfunktionen i den boxen?

Eller kan det vara så enkelt att positionen heter Float?



EDIT:

Tack för hjälpen med float Daniel! Fick till det!
Du räddade min dag!


EDIT igen:

Verkade inte fungera iaf i slutändan :/ ...

Blir så här:
http://tidzon.se/Screen%20shot%2...44.41%20PM.png

Använder mig av dessa kodsnuttar:
index.php

<style>

div#container {
float: center;
width : 1000px;
border : 0px dotted #ccc;
margin : 0 auto;
padding : 5px;
text-align : center;
}
</style>

<div id="container">
<?php include('sok.php'); ?>
</div>

sok.php

<style type="text/css">

h3 {
margin: 0px;
padding: 0px;
}

.suggestionsBox {
position: relative;
margin: 10px 0px 0px 0px;
width: 250px;
background-color: #212427;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 2px solid #000;
color: #fff;
z-index: 0;
}

.suggestionList {
margin: 0px;
padding: 0px;
}

.suggestionList li {

margin: 0px 0px 3px 0px;
padding: 3px;
cursor: pointer;
}

.suggestionList li:hover {
background-color: #659CD8;
}
</style>

<div>
<form>
<div>
<b>Sök:</b> <input type="text" size="30" value="" id="inputString" onkeyup="lookup(this.value);" onblur="fill();" />
</div>

<div class="suggestionsBox" id="suggestions" style="display: none;">
<img src="img/up.png" style="position: absolute; top: -12px; left: 100px;" alt="upArrow" />
<div class="suggestionList" id="autoSuggestionsList">
&nbsp;
</div>
</div>
</form>
</div>

Ska försöka klura ut det själv men det uppskattas om någon tar sig tid för att hjälpa mig klura ut detta.

Edit3: Om jag istället för relative använder mig av absolute hamnar resultat-listan långt borta från sökrutan: www.tidzon.se/Screen%20shot%202010-11-10%20at%205.51.07%20PM.png