Top,høyrestille objekt i ett element.

[Inc]

Har diverse objekter\eflere elementer som skal plasseres rundt på en side.

Så jeg lagde en <div id="midt"> og plassere alle "tingene" der. Merker de med bredde og høyde, that`s it i html.

 

I css så plunker jeg inn verdiene på de forskjellige og det er her problemet er.

Der ser ut til at alt stabler seg oppe til venstre, altså ikke oppe hverandre.

Eneste måte jeg klarer å plassere de på, er med absolute; og da sette inn verdier som som left 550px og top -130 px. Float funker heller ikke.

 

Hvis jeg har en ramme på 600x600px, har ett elemete oppe til venstre på 300x300 og skal ha ett elemete opp til høyre.

Hvordan får det til å flyte opp til høyre for det første elementet uten å skrive inne left og top verdier?

Endret 3. november 2006 av regga

[Jonhoo]

Har du en link til denne siden? Eller kanskje litt kode? Eller et screenshot?

Vanskelig å skjønne akkurat hva du mener og dermed vanskelig å hjelpe

[atsjoo]

Dette skal jo fint gå an å løse ved float: left? Er du sikker på at du har brukt block-elementer (div e.l.) og ikke elementer som floates oppå hverandre? Prøv også med litt mindre width på elementene som skal floates. Padding, margin og border gjør at du ikke har 600px til rådighet i bredden inne i boksen din.

 

Følgende kode i toppen av css-dokumentet er ofte lurt:

* {
   padding: 0;
   margin: 0;
   border: none;
}

[Inc]

html

<div id="midt">
<div id="pl"><img src="../Div/Plakat.jpg" width="530" height="238"></div>
<div id="kartmini"><img src="../Div/Kartmini.jpg" width="200" height="200" border="1"></a></div>
<div id="tekstkart"><a class="red" href="blablalblaosvosv">Trykk her for større bilde</a></div>
<div id="vk">

 

og slik ser css ut nå

#midt {
background-color:#FFFFFF;
border: 1px solid #000000;
padding-bottom:0px;
width:950px;
position:relative;
left:10px;
}
#kartmini { 
position:absolute; 
left:550px;
top:10px;
right:0;
width:200px;
height:200px;
}
#tekstkart {
font-size:12px;
position:absolute;
left:590px;
top:215px;
}
#pl {
position: relative; margin:10px; width:530px; height:238px; }

Nå står slik jeg vil ha det, men med bruk av left og top verdier.

#tekstkart er den jeg vil ha til høyre for plakat, flytende.

Endret 3. november 2006 av regga