problema con layout e float

**franklin_92** · 20-06-2007, 11:14

salve a tutti, ho completamente riconvertito il mio layout tabellare in un nuovo layout table less css. su browser IE 7 nn riscontro problemi, su FF2 e Opera 9 la sidebar di sinistra su sposta in modo anomalo. Posto xhtml e css

Codice PHP:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Campania Video - Home Page</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link href="style.css" rel="stylesheet" type="text/css" />

<!--<style type="text/css">

@import url(style.css);

</style>-->

<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>



</head>

<body bgcolor="#5f92b9" onload="get('contor.php');ajaxFunction('visits','contor/visits.php');load()" onunload="GUnload()">



<div class="barrasuperiore">

<div class="buttonsmenu">

<a href="javascript:homepage();">

    [img]/campaniavideo/images/home.jpg[/img]    </a>

    <a href="javascript:addbookmark()">

    [img]/campaniavideo/images/favorites.jpg[/img]    </a>

    <a href="javascript:history.go(-1);">

    [img]/campaniavideo/images/back.jpg[/img]    </a>

    <a href="javascript:history.go(+1)">

    [img]/campaniavideo/images/forw.jpg[/img]    </a>

    <a href="search.php">

    [img]/campaniavideo/images/search.jpg[/img]    </a></div>

</div>

<div class="pattern1">

<div class="topcontainer1">[img]/campaniavideo/images/logo[/img]</div>

</div>

<div class="pattern2">

<div class="topmenu">

<div id="menu1">[url="index.php"]HOME[/url]</div>

<div id="menu2">[url="chisiamo.php"]CHI SIAMO[/url]</div>

<div id="menu3">[url="eventi_campania.php"]EVENTI[/url]</div>

<div id="menu4">[url="province.php"]PROVINCE[/url]</div>

<div class="search">

  <input name="textfield" type="text" value="Cerca nel sito" size="18" onblur="if(this.value=='') this.value='Cerca nel sito';" onfocus="if(this.value=='Cerca nel sito') this.value='';" />

</div>

</div>

</div>

<div class="container">

<div class="left">

  <div class="bloccocontainer">

<h1>Main Menu</h1>

<div class="bloccocentr">

<div class="buttonscontainer">

<div class="buttons">



         [url='index.php']&gt; Home[/url] 

                       

         [url='chisiamo.php']&gt; Chi siamo[/url] 

                       

         [url='servizi.php']&gt; Servizi[/url] 

                       

         [url='search.php']&gt; Ricerca[/url] 

                       

         [url='mercatino.php']&gt; Mercatino[/url] 

                       

         [url='forum.php']&gt; Forum[/url] 

                       </div>

</div>

</div>

<div class="bloccoinf"></div>

<div class="spacer"></div>

<h1>Categorie</h1>

<div class="bloccocentr">



<div class='buttonscontainer'>

<div class='buttons'>

<p class='parent'>Attività</p></div>

<div class='buttons'>

      

         [url='attivita.php?settore=Industriale']&gt; Industriale[/url] 

                       

         [url='attivita.php?settore=Artigianale']&gt; Artigianale[/url] 

                       

         [url='attivita.php?settore=Commerciale']&gt; Commerciale[/url] 

                       

         [url='attivita.php?settore=Servizi']&gt; Servizi[/url] 

                       

         [url='attivita.php?settore=Professionale']&gt; Professionale[/url] 

                       

                      </div>

                      </div>

                      

<div class='buttonscontainer'>

<div class='buttons'>

<p class='parent'>Turismo</p></div>

<div class='buttons'>

      

         [url='turismo.php?categoria=Hotel']&gt; Hotel[/url] 

                       

         [url='turismo.php?categoria=Agriturismi']&gt; Agriturismi[/url] 

                       

         [url='turismo.php?categoria=Ristoranti']&gt; Ristoranti[/url] 

                       

         [url='turismo.php?categoria=Pizzerie-pubs']&gt; Pizzerie/Pubs[/url] 

                       

                      </div>

                      </div>

                      

<div class='buttonscontainer'>

<div class='buttons'>

<p class='parent'>Eventi</p></div>

<div class='buttons'>

      

         [url='eventi_cat.php?categoria=Turismo&amp;page=1']&gt; Turistici[/url] 

                       

         [url='eventi_cat.php?categoria=Cucina&amp;page=1']&gt; Cucina[/url] 

                       

         [url='eventi_cat.php?categoria=Musica&amp;page=1']&gt; Musica[/url] 

                       

         [url='eventi_cat.php?categoria=Sport&amp;page=1']&gt; Sport[/url] 

                       

         [url='eventi_cat.php?categoria=Moda&amp;page=1']&gt; Moda[/url] 

                       

                      </div>

                      </div>

                      

<div class='buttonscontainer'>

<div class='buttons'>

<p class='parent'>Cucina</p></div>

<div class='buttons'>

      

         [url='cucina.php?categoria=Prodottitipici']&gt; Prodotti tipici[/url] 

                       

         [url='cucina.php?categoria=Ricette']&gt; Ricette[/url] 

                       

         [url='cucina.php?categoria=Personalespec']&gt; Personale Specializzato[/url] 

                       

         [url='eventi_cat.php?categoria=Cucina&amp;page=1']&gt; Eventi cucina[/url] 

                       

                      </div>

                      </div>

                      

<div class='buttonscontainer'>

<div class='buttons'>

<p class='parent'>Musica</p></div>

<div class='buttons'>

      

         [url='musica.php?categoria=Strumenti']&gt; Strumenti[/url] 

                       

         [url='musica.php?categoria=Musicisti']&gt; Musicisti[/url] 

                       

         [url='musica.php?categoria=Bands']&gt; Bands[/url] 

                       

         [url='eventi_cat.php?categoria=Musica&amp;page=1']&gt; Eventi musicali[/url] 

                       

                      </div>

                      </div>

                      

<div class='buttonscontainer'>

<div class='buttons'>

<p class='parent'>Moda</p></div>

<div class='buttons'>

      

         [url='moda.php?categoria=Vetrine']&gt; Vetrine[/url] 

                       

         [url='moda.php?categoria=Marchi']&gt; Marchi[/url] 

                       

         [url='moda.php?categoria=Rivenditori']&gt; Rivenditori[/url] 

                       

         [url='eventi_cat.php?categoria=Moda&amp;page=1']&gt; Eventi moda[/url] 

                       

                      </div>

                      </div>

                      

<div class='buttonscontainer'>

<div class='buttons'>

<p class='parent'>Arte &amp; Cultura</p></div>

<div class='buttons'>

      

         [url='arte.php?categoria=Monumenti']&gt; Monumenti[/url] 

                       

         [url='arte.php?categoria=Pittura']&gt; Pittura[/url] 

                       

         [url='eventi_cat.php?categoria=Cultura&amp;page=1']&gt; Cultura[/url] 

                       

                      </div>

                      </div>

                      </div>

<div class="bloccoinf"></div>    

</div>    

</div>

<div class="right">

<div class="bloccocontainer">

<h1>[url="province.php"]Province[/url]</h1>

<div class="bloccocentr">

<div class="buttonscontainer">

<div class="buttons">



         [url='provincia.php?provincia=Avellino']&gt; Avellino[/url] 

                       

         [url='provincia.php?provincia=Benevento']&gt; Benevento[/url] 

                       

         [url='provincia.php?provincia=Caserta']&gt; Caserta[/url] 

                       

         [url='provincia.php?provincia=Napoli']&gt; Napoli[/url] 

                       

         [url='provincia.php?provincia=Salerno']&gt; Salerno[/url] 

                       </div>

</div>

</div>

<div class="bloccoinf"></div>

<div class="spacer"></div>

<h1>Area Utenti</h1>

<div class="bloccocentr">

     

            <form name='Sample' method='post' action='vAuthenticate.php' class='form'>

<div>

<label for='username'>User:</label>

<input id='username' name='username' type='text' class='loginzone' size='10' /></div>

<div>

<label for='password'>Pass:</label>

<input id='password' name='password' type='password' class='loginzone' size='10' /></div>

<div>[url='admin/pwdremind.php']Dimenticato la password[/url]</div>

<div><input type='submit' name='Login' value='Login' /></div>

      </form>

                        </div>

      <div class="bloccoinf"></div>

      <div class="spacer"></div>

      <h1>Block4</h1>

      <div class="bloccocentr"></div>

      <div class="bloccoinf"></div>

</div>

      

</div>



<div class="centre">  

</p>

  

</p>

  

</p>

  

</p>

  

</p>

  

</p>

  

</p>

  

</p>

  

</p>

  

</p>

</div>



    <div class="footercontainer">

    <div class="footer">

      

Copyright CampaniaVideo S.r.l. P.IVA 03497129878. All rights reserved</p>

    </div>

    </div>

    </div>

</body>

</html>

**franklin_92** · 20-06-2007, 11:21

css

css

**franklin_92** · 20-06-2007, 11:36

**franklin_92** · 21-06-2007, 08:25

:quote: up

**Mich_** · 21-06-2007, 09:22

Mi spiace, ma il codice e` troppo lungo, per poterlo guardare tutto. Dovresti postare un link.

Noto solo che usi formattazione fatta con attributi HTML, che potrebbe andare inconflitto con i CSS (e i conflitti sono risolti in modo diverso dai vari browser).
E noto anche che non usi i tag secondo la semantica, e questo contribuisce a render piu` complessa la struttura dei CSS.

**franklin_92** · 21-06-2007, 10:39

codice html
http://utenti.lycos.it/theknights/codice.txt

Noto solo che usi formattazione fatta con attributi HTML, che potrebbe andare inconflitto con i CSS (e i conflitti sono risolti in modo diverso dai vari browser).E noto anche che non usi i tag secondo la semantica, e questo contribuisce a render piu` complessa la struttura dei CSS.

Non ho capito chiaramente cosa intendete... qualcuno potrebbe chiarirmi il concetto di semantica?

**Mich_** · 21-06-2007, 11:42

Originariamente inviato da franklin_92
codice html
http://utenti.lycos.it/theknights/codice.txt

E che me ne faccio del codice in forma txt? Dovrei crearmi una pagina di prova ed aprirla in un browser. Mi spiace non lo faccio.

Non ho capito chiaramente cosa intendete... qualcuno potrebbe chiarirmi il concetto di semantica?

Sono anni che parliamo di semantica.
E` il concetto che sta alla base di HTML 4.0 Strict e di XHTML 1.0 Strict e dei successivi.
I tag sono stati creati per rappresentare qualcosa (quasi tutti - sono pochi i tag "neutri").
Cioe i tag inseriscono significato semantico al contenuto, ed e` sbagliato creare del contenuto senza usare il significato semantico dei tag.
Esempi:
e` sbagliato fare una tabella senza usare il <table> cosi` come e` sbagliato usare il <table> per scopi che non siano fare una tabella di dati (formattare);
e` sbagliato fare delle liste senza usare uno dei [list=1], <ul>, <dl>;
ed altre cose simili.

Comunque se il problema e` la marcatura del codice, il forum piu` appropriato e` (X)HTML.

Discussione: problema con layout e float

Strumenti discussione

Ricerca discussione

Visualizza

problema con layout e float

Permessi di invio