Sentrering av flere div på en side

[Gjest Slettet-IHWlGMJn]

Som du vil se er de to div-ene med class identiske. Jeg har lagt inn to sånne i denne filen, men det vil variere fra en til to sånne div-er pga annen kode som ikke er relevant for problemet mitt...

 

Problemet mitt er at jeg vil ha div-ene/div-en sentrert, uavhengig om det kanskje er en eller to div-er totalt... de skal også være på linje, sånn som nå, om de er to stk.

html.html

Endret 1. april 2008 av Slettet-IHWlGMJn

[Runar]

Hva med å poste selve koden, så vi slipper å laste ned filen din?

[Gjest Slettet-IHWlGMJn]

Herregud.. Hva med å trykke totalt tre - 3 - museklikk? Så får du se koden...

Det er da mye enklere å sette seg inn i hva jeg vil ha nå som du også ser hvordan outputen blir...

 

Men værsågod. Her har du koden siden du ikke klarer å trykke tre ganger på musa:

<div class="class" style="float:left; margin:20px,0; width:400px; border:1px solid #000000;">
<div style="float:right;"><img src="http://www.diskusjon.no/uploads/av-57766.gif"></div>
<div style="float:left; padding:5px;">
<ul style="margin:0;padding:0 0 0 20px">
	<li>Liste 1</li>
	<li>Liste 2</li>
	<li>Liste 3</li>
	<li>Liste 4</li>
</ul>
</div>
<div style="clear:both"></div>
</div>

<div class="class" style="float:left; margin:20px,0; width:400px; border:1px solid #000000;">
<div style="float:right;"><img src="http://www.diskusjon.no/uploads/av-57766.gif"></div>
<div style="float:left; padding:5px;">
<ul style="margin:0;padding:0 0 0 20px">
	<li>Liste 1</li>
	<li>Liste 2</li>
	<li>Liste 3</li>
	<li>Liste 4</li>
</ul>
</div>
<div style="clear:both"></div>
</div>

[Runar]

Det er ikke det at jeg ikke klarer å trykke tre ganger. Det er det å kreve at vi skal laste ned en fil for å hjelpe deg er totalt unødvendig. Vi som kan HTML, klarer å se for oss hvordan resultatet blir uten å måtte kjøre .html-filen i en nettleser.

 

Hvis du vil midtstille begge div'ene, kan du lage en ny div som ligger rundt begge to og midtstille den med margin: 0 auto. Det kan bli litt vanskelig når det kun er en div som vises, siden du ikke kan midtstille noe som har float: left/right. Det kan godt hende det finnes en bedre løsning, men i ditt tilfelle ville jeg brukt PHP (eller lignende) til å finne ut om det er en eller to div'er som skal vises, og styre alt derifra.

 

Forøvrig anbefaler jeg deg å lese denne artikkelen: http://juicystudio.com/article/div-mania.php

[Gjest Slettet-IHWlGMJn]

Totalt uenig. Sånn som jeg gjorde det så har du output+koden.. ikke bare koden. Og det vil alltid være en fordel. Og du trenger på ingen måte lagre filen på maskinen din ... men nok om det:

 

Greit nok at om jeg lager en div rundt dem så vil det ikke være et problem å sentrere begge(Eller en enkelt), men det kan som sagt være en eller to pga annen kode..

Jeg vil helst slippe unna bruk av php i en liten fillesak som dette..

 

Er det en annen måte å få de to div-ene til å være på linje uten å bruke float da?

[zyx]

Kan du ikke bare bruke en div som wrapper da?....

[Gjest Slettet-IHWlGMJn]

Kan du ikke bare bruke en div som wrapper da?....

Det kunne jeg om jeg hadde visst at det var en eller to div-er(de med class), men saken her er at det enten er en eller to. Da må i så fall bredden på wrapperen variere også om det skal fungere som en løsning