Aiuto nel posizionamento

[Kaos50x]

O cercato di applicare queste migliorie spero ci sia riuscito:

html

<div class="logo">
	</div>
	<div id="layout">
	 <div class="menu">
	  <ul>
	[*]ciao
	   
	[/list]
	 </div>
	 <div class="spazio">
	 </div>
	 <div class="news">
	  <div> quuuuuuuuuuuuuestooooooooooooooooooooooooooooooooo  la tabellla neeeeeeeeeeeeeeeeeeeeeeeee
ciaooo
	  </div>
	 </div>
	</div>

Riposto il CSS(modificato)

body {
	background-color: #000000;
	font: Tahoma, Verdana 5px #000000;
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	scrollbar-face-color: black;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: white;
	scrollbar-darkshadow-color: black;
	scrollbar-shadow-color: orange;
	scrollbar-arrow-color: orange;
	scrollbar-track-color: black;
}	

.logo {
	background-image:url(layout_1.jpg);
	background-repeat: no-repeat;
	height: 245px;
	margin: 0px 0px 0px 259px;
}

#layout {
	width: 661px;
	background-color: #35577b;
	margin: 0px 0px 0px 291px;
}

#layout div {
	display: inline;
}

.menu {
	width: 183px;
	height: 150px;
	border-left: 2px solid #aaaaaa;
	border-right: 2px solid #aaaaaa;
	padding: 40px 0px 0px 5px; 
}

.spazio {
	width: 6px;
	height: 150px;
	background-color: #000000
}

.news {
	width: 472px;
	height: 150px;
	border-left: 2px solid #aaaaaa;

Le immagini sono rimaste quelle di prima

[Kaos50x]

Mich_ x favore risp...
NN riesco a trovare la soluzione!

[Mich_]

Sono tornato ora dalle ferie. Hai risolto? Eventualmente spiega meglio il comportamento che ottieni con quel codice e come lo vorresti cambiare.

[Kaos50x]

Originariamente inviato da Mich_
Sono tornato ora dalle ferie. Hai risolto? Eventualmente spiega meglio il comportamento che ottieni con quel codice e come lo vorresti cambiare.

Grazie mi trovo bene col codice è tutto perfetto...
Ora però devo adattarlo a ff net e opera... ke sn incompatibili

[Mich_]

Originariamente inviato da Kaos50x
Ora però devo adattarlo a ff net e opera... ke sn incompatibili

Veramente e` IE ad essere incompatibile. Per questo conviene prima sviluppare per i browser standard, e poi cercare gli hack per IE (che in linea di massima si trovano gia` pronti).

[Kaos50x]

Originariamente inviato da Mich_
Veramente e` IE ad essere incompatibile. Per questo conviene prima sviluppare per i browser standard, e poi cercare gli hack per IE (che in linea di massima si trovano gia` pronti).

Io ho provato a fare in qst maniera

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="home.css"/>
<![endif]-->
<link rel="stylesheet" type="text/css" href="home2.css"/> 

Nn so se è azzeccata come idea..
Dimmi tu!

[Kaos50x]

scusa il dopio post... ho un problema..

avevo un' immagine ke avevo messo cm background, poi lo messo come img src nell' html(devo mettere dei link sull' immy). Ma ora c'è uno spazio tra il div sotto stante e l' immy; come mai?
posto il codice

qstè ora html

<div class="logo">[img]layout_top.jpg[/img]
    </div>
    <div id="spazio_bordo">
     <div class="sfondo_sx2">
     </div>
     <div class="bordo">
     </div>
    </div> 

qst il css:

.logo {
    margin: 0px 0px 0px 259px;
}

#spazio_bordo {
    width: 661px;
    margin: 0px 0px 0px 291px;
}

.sfondo_sx2 {
    background-color: #35577b;
    border-left: 2px solid #aaaaaa;
    border-right: 2px solid #aaaaaa;
    width: 183px;
    height: 16px;
    float: left;
}
    
.bordo {
    background-image: url(layout_border.jpg);
    background-repeat: no-repeat;
    width: 472px;
    height: 16px;
    float: right;
} 

Il css del logo prima era cosi'

.logo {
    background-image: url(layout_top.jpg);
    background-repeat: no-repeat; 
    height: 245px;
    margin: 0px 0px 0px 259px;
} 

Aspetto risp...

[Mich_]

Originariamente inviato da Kaos50x

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="home.css"/>
<![endif]-->
<link rel="stylesheet" type="text/css" href="home2.css"/> 

Nn so se è azzeccata come idea..
Dimmi tu!

Se home e home2 sono gli stili per IE e gli altri rispettivamente, l'ordine e` sbagliato.
Infatti IE interpreta anche l'altro CSS, per cui va "corretto" dopo averlo definito (ed e` sufficiente correggere le cose diverse).


Per l'altro problema non saprei dirti. Non ho mai usato i margini per allineare o spostare.
In linea di massima non uso mai posizionamenti, ma eventualmente float.

Tieni pero` presente che IE non accetta altezze piu` basse del font-size, per cui per un bordo basso occorre anche specificare font-size: 1px;

[Kaos50x]

Home.css dovrebbe essere sol x IE; mentre home2.css dovrebbe essere per fire net e opera.. ma come visto nn funge cm faccio?

[Mich_]

Ti ho gia` risposto.
L'ordine di inserimento dei CSS e` importante.
PRIMA quello generico (che viene interpretato anche da IE - e non puoi farci nulla)
DOPO quello per IE (che deve "correggere" tutti i valori precedentemente impostati)