to divs med tekst vedsiden av hverandre

[Dead Ringer]

Hei

 

LINKER ER FJERNET!..

Endret 25. april 2005 av Dead Ringer

[Kenny Bones]

Du kan vel bare legge på to layers vel? Layers kan du flytte på som du vil uten at de forandrer posisjon.

 

Her er koden:

<div id="Layer1" style="position:absolute; left:77px; top:601px; width:507px; height:185px; z-index:1; background-color: #FF0000; layer-background-color: #FF0000; border: 1px none #000000;">blalablablablablabla</div>

 

Her kan du sette hvor layeret skal ligge og hvilken farge den skal ha osv.

På den siden du viste til ser det ut som om vedkommede har satt en iframe inn i layeret. Det er også inget problem. Denne iframen kan du sette inn i layeret.

 

<iframe name="glossary" src="glossary_page.htm" width="600" height="400" scrolling="auto" marginwidth="5" marginheight="5"></iframe>

[Mira]

For å gjøre det korrekt så skal du lage to divs med koden

<div id="left">Innhold</div>
<div id="right">Innhold</div>

Og i den eksterne CSS-fila di så bruker du:

#left {
float: left;
heigth: høyden på diven, kan sette auto;
width: bredden, denne bør du sette;
}

#right {
float: right;
heigth: høyden på diven, kan sette auto;
width: bredden, denne bør du sette;
}

Endret 25. april 2005 av Mira

[Dead Ringer]

Det er nok ingen iframe i denne koden. Kun divs.

 

Prøvde det å bruke float:left og right Mira men det fungerte ikke... koden for akkurat den delen er:

 

<div class="design04">
 <div class="content01"><p>INNHOLD 1 </p></div>
 <div class="content02"><p>INNHOLD 2 </p></div>
</div>

 

CSS:

div.design04 {
background: #000 url(../images/design/design04.jpg) repeat-x;
margin: 0 auto;
left:0px;
top:293px;
width:682px;
height:314px;
}

div.content01 {
float: left;
width: 360px;
height: 315px;
margin-left: 55px;
text-align: left;
overflow : auto;
display: inline;
}

div.content02 {
float: left;
width: 140px;
height: 315px;
margin-left: 500px;
text-align: left;
overflow : auto;
display: inline;
}

 

Design04 er bakgrunnen og Content er da innholdet.

Endret 25. april 2005 av Dead Ringer

[Mira]

Du har jo nå satt margin 500px på content 2, og en bredde på design.04 til 682px. Da vil det ikke være plass til begge divsene dine i bredden. Derfor kommer de mest sannslig under hverandre.

[Dead Ringer]

fett... funka bra..! TAKK!

[Mira]

Bare hyggelig