les plus courtes sont les meilleurs.
 
le html :  

<div id="header">
    <img id="logo" page="/images/logo.png" alt="Logo Trafic"/>
    <img id="title" page="/images/titreexploit.png" alt="Titre"/>
</div>
<br/>
<ul id="leftMenu">
</ul>
<div id="content">
bla bla bla
</div>

la css :

* {
    padding: 0;
    margin: 0;
}
 
BODY {
    background-image: url("../images/back.png" );
    background-repeat: repeat-y;
}
 
br {
    clear: both;
}
 
#header {
    margin-bottom: 30px;
}
 
#logo {
    margin-left: 35px;
    float: left;
}
 
#title {
    vertical-align: top;
    float: right;
}
 
#leftMenu {
    clear: left;
    display: inline;
    float: left;
    width: 200px;
    overflow: auto;
    white-space: nowrap;
    padding-left: 5px;
    list-style-type: none;
    list-style-position: outside;
}
 
#content {
    clear: right;
    margin-left: 200px;
    position: relative;
    vertical-align: top;
    color: inherit;
}

 
et le soucis :
 
sous ie, pas de soucis (c'te blague), mais sou firefox, j'ai 30px entre le haut de la page et les images. En inspectant la page avec FireBug, j'ai comme l'impression que les deux images du header ne sont pas vraiment dans cette div header (c'est ça qui me dépasse). c'est comme si j'avait le header vide, la marge de 30 px, et les images, alors que je veux le header avec deux images dedant et une marge de 30px ensuite (le code que je crois avoir écrit donc)
 
à quel moment j'me suis mis dans le gaz ?
 
merci !

http://www.quirksmode.org/css/clearing.html

fantastique, égale à toi même.
 
Merci.

euh... sinon, pour éviter que l'image de droite passe à la ligne suivante en cas de redimentionnement à la baisse de la fenêtre ??
 
bon, en disant ça, je cherche aussi sur quiksmode...

en gros il te faudrait utiliser la propriété min-width sur ton div container. Problème ce n'est pas reconnu par IE.
Le faq d'alsacreations liste les solutions possibles:
http://forum.alsacreations.com/faq/#item75