Pagina stravolta dopo aver passato i dati con php

[Lord Byron]

Ciao Ragazzi,
Sto realizzando un sito ancora in locale: da una pagina statica con una lista di disegni e la sidebar con una piccola descrizione ho inserito i dati via php e db mysql.
Ora però la pagina mi appare stravolta nella parte centrale, cosa sto sbagliando?
Il codice della lista nella pagina statica è questo:

<ul id="myatelier">
	
	[*]
		<h2>Figura Distesa</h2>
	  	<a class="larga" href="#atelier_work1">
	  		[img]images/atelier/opera1.jpg[/img]
	  	</a>
	  

59€</p>
	  Info
	 
	 
	[*]
		 <h2>Fumaiolo</h2>
	  	 <a class="larga" href="#atelier_work2">
	  		[img]images/atelier/opera2.jpg[/img]
	  	 </a>
	   

65€</p>
	   Info
	  
...[/list]
<div id="sidebar">...</div>
...

mentre in quella dinamica è :

<?php
include 'provedb/include/db_connect.php'; 

$sql = "SELECT id,titolo,descrizione,immagine, prezzo, misure, base, venduta FROM atelier";
$res = mysql_query($sql, $conn);

while ($row = mysql_fetch_array($res))
{

echo '
  <ul id="myatelier">
	[*]
		<h2>'.$row['titolo'] .'</h2>
	     <a class="'.$row['base'] .'" href="#atelier_work1">
	  		 [img]lavori/atelier/'.$row['immagine'] .'[/img]
	  	  </a>
	   

'.$row['prezzo'] .'€</p>
	   Info
	[/list]
';
}

?>

<div id="sidebar">...

Myatelier e sidebar sono flottati all'interno dello stesso contenitore; la cosa incomprensibile è che la pagina statica è perfetta (con i disegni incolonnati a coppie), la dinamica appare sfasata. Questa differenza tra le due pagine non la capisco; magari è uan fesseria ma da ieri ci sto sbattendo la testa, spero mi possiate aiutare! Vi mando un'anteprima delle due pagine per darvi un'idea più chiara!

[Fractals87]

posso supporre che la pagina dinamica la stai costruendo tu partendo dal template della pagina statica....
Il problema potrebbe essere relativo a qualche div mancante o non chiuso oppure allagancio sbagliato di classi del css...

Dovresti fare una cosa aprire la pagina html generata dalla pagina dinamica e confrontarla con quella statica giocare un po con le differenze

Ti porto un dubbio.
Solitamente nella costruzione delle pagine dinamiche non si porta sul db il nome della classe di un elemento

class="'.$row['base'] .'"

Sei sicuro che questa cosa sia corretta?
questa "base" stampa la stringa "larga"

Con f12 apri lo strumento dello sviluppatore analizza ogni elemento e vedi che prendono i css e se le proprietà float vengono agganciate correttamente.

Di più non posso aiutati

[Lord Byron]

Originariamente inviato da Fractals87
posso supporre che la pagina dinamica la stai costruendo tu partendo dal template della pagina statica....
Il problema potrebbe essere relativo a qualche div mancante o non chiuso oppure allagancio sbagliato di classi del css...

Dovresti fare una cosa aprire la pagina html generata dalla pagina dinamica e confrontarla con quella statica giocare un po con le differenze

Ti porto un dubbio.
Solitamente nella costruzione delle pagine dinamiche non si porta sul db il nome della classe di un elemento

class="'.$row['base'] .'"

Sei sicuro che questa cosa sia corretta?
questa "base" stampa la stringa "larga"

Con f12 apri lo strumento dello sviluppatore analizza ogni elemento e vedi che prendono i css e se le proprietà float vengono agganciate correttamente.

Di più non posso aiutati

Ciao Fractals87, ti confermo che sto partendo dal template della pagina statica. Sono alle prime armi con Php e non sapevo ci potessero essere problemi ad inserire il nome di una classe sul db, anche se a occhio sembra che le legga senza problemi (la base stretta o larga praticamente fa si che cambi il 'supporto' al disegno in basso).
Grazie per il suggerimento, ora provo a fare il confronto tra la pagina statica e il codice prodotto della seconda!

[eiyen]

mi associo al suggerimento di aprire il codice generato e confrontarlo con quello "statico"... qualche differenza ci sarà :)

[Lord Byron]

Il suggerimento sta dando i primi frutti, anche se non si è risolto del tutto!
Un errore banale nel codice php: tenendo inserito il tag <ul> all'interno del ciclo while creava ad ogni 'record' una nuova lista, e così i posizionamenti andavano a farsi benedire.

Non è elegantissima ma ora l'ho riscritto così:

<ul id="myatelier">
	
	<?php
	include 'provedb/include/db_connect.php'; 

	$sql = "SELECT id,titolo,descrizione,immagine, prezzo, misure, base, venduta FROM atelier";
	$res = mysql_query($sql, $conn);

	while ($row = mysql_fetch_array($res))
	{

	echo '
  
	[*]
		<h2>'.$row['titolo'] .'</h2>
	     <a class="'.$row['base'] .'" href="#atelier_work1">
	  		 [img]lavori/atelier/'.$row['immagine'] .'[/img]
	  	  </a>
	   

'.$row['prezzo'] .'€</p>
	   Info
	
	';
	}
?>[/list]

Il posizionamento però è ancora imperfetto... Ora confronterò più a fondo il codice per capire come mai ora appaiono come nell'anteprima!

[Lord Byron]

Dunque il cerchio almeno si è ristretto, ci dev'essere un problema di css per le immagini strette. Se inserisco solo immagini 'larghe' mi appaiono correttamente, se invece nelle coppie di disegni la seconda è stretta quella successiva appare a destra anzichè a sinistra. Ora mi toccherà rivedere il css, e magari proprio la classe di cui si è parlato all'inizio. Come ipotizzato all'inizio pare sia la colpevole!

[Fractals87]

detto cosi il problema sembra proprio nell'aggancio della classe....
cmq sei sulla strada giusta per risolvere i problemi

[Lord Byron]

Originariamente inviato da Fractals87
detto cosi il problema sembra proprio nell'aggancio della classe....
cmq sei sulla strada giusta per risolvere i problemi

Già...anche se forse avrei preferito un problema di php, e non strutturale! Grazie comunque per la dritta!