Layout con margini negativi

D

diego78

Nuovo Utente
22 Mar 2006
1
0
0
sto studianfo i Layout con margini negativi ho fatto questa pagina:
<body>
<div class="container">
<div class="container2">
<div class="header">header</div>
<div class="wrapper">
<div class="nav">colonna di sinistra</div>
<div class="content">s</div>
</div>
<div class="sidebar">colonna di destra</div>
<div class="footer">footer</div>
</div>
</div>
</body>

il suo css:

.container{width: 100%;height: 100%;}
.container2{width: 100%;height: 100%;}
.header{background: #555B65;color: #FFF}
.wrapper{float:left;width:100%;margin-left:-200px;display: inline;height: 100%;margin-right:0px}
.nav{float: left;width:200px;display: inline;margin- left:200px;background:#cccccc;height:100

%;}
.content{width:300px;margin- left:400px;background:#FFCC00;height:1%;

margin-right:0px}
.sidebar{float: right;width:200px;display: inline;background:#e80e80;height: 100%;}
.footer{clear: both;background: #959FB1}

so che esiste questo bug per ie ma non riesco a capire perchè il testo della colonna dei contenuti non si attacca alla navigazione
 
D

dead

Utente Attivo
22 Lug 2005
684
0
0
57
Brescia
www.dead.it
guarda se così ti va bene.
l'ho provato e funziona correttamente sia con IE che FF.


.container{width:100%;}
.container2{width:100%;}
.header{background:#555b65; color:#fff;}
.wrapper{float:left;width:100%;}
.nav{float:left;width:20%;background:#ccc;}
.content{float:left;width:60%;background:#fc0;}
.sidebar{float:left;width:20%;margin-left:-20%;background:#e80e80;}
.footer{clear:both;background:#959fb1;}


ciao
 
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
D Layout di foglio Excel generato con PhpSpreadsheet PHP 5
crealatualista [PHP] layout pagina con immagine codice a barre PHP 3
utente css esterno con layout HTML e CSS 1
M Problema con il layout HTML e CSS 3
R Dubbi Incolonnamento Layout con Bootstrap. HTML e CSS 1
Marco_88 Problemi layout con firefox HTML e CSS 3
E layout responsive problemi con google chrome su smartphone android e win 8 HTML e CSS 0
D Tabella con layout per smartphone HTML e CSS 2
L preview di una textarea con layout del sito PHP 2
L Layout flessibile con css. Voi come fate? HTML e CSS 1
A inserire background con gradiente in un layout Sviluppo app per Android 1
A Problema gestione layout con css HTML e CSS 11
F problema con layout fluido HTML e CSS 1
neo996sps Estrarre i dati e presentarli con un layout particolare PHP 0
A creare layout con pulsanti a schede HTML e CSS 3
I Layout con div HTML e CSS 1
lupin3m problema con vista layout HTML e CSS 5
I popup con layout definito Javascript 4
felino Bug estetici del nuovo layout Supporto Mr.Webmaster 1
A [WordPress] Elementor responsive layout WordPress 8
Andrea_Ventura [HTML] Realizzazione di un layout dinamico di immagini HTML e CSS 4
Andrea_Ventura [HTML] Layout multicolonna (no table) HTML e CSS 2
L border in tabella php + layout stampa PHP 0
F layout stampa css HTML e CSS 2
G Java & layout Java 2
M Layout e menu mobile HTML e CSS 2
felino Adattare un layout desktop ad un responsive HTML e CSS 9
K Aggiornare solo una parte di Layout Sviluppo app per Android 0
A Consiglio su layout responsive HTML e CSS 3
G Javascript library layout Javascript 1
S problema di layout HTML e CSS 5
Devil-94 Layout html css HTML e CSS 1
giap Layout come questo sito HTML e CSS 4
P proprietà Position in layout liquido... HTML e CSS 0
A Layout stabile per varie risoluzioni HTML e CSS 0
felino Nuovo layout del forum Supporto Mr.Webmaster 7
V Layout fragment main Sviluppo app per Android 1
X Dimensioni pagina scegliere layout HTML e CSS 2
S Visualizzazione errata del layout e dei font del sito HTML e CSS 1
R inserire menu spry in layout a griglia fluida HTML e CSS 1
L Problema dimensione layout WordPress 1
L Consiglio su layout css... HTML e CSS 2
I Shape5-Vertex Template - sistemazione layout Joomla 1
M Layout fluido HTML e CSS 13
M Layout e zoom HTML e CSS 1
F layout fluido HTML e CSS 4
L Cambiare contenuto senza modificare il layout PHP 6
Y corrispondenza misure portando un layout da photoshop in html/css Photoshop 0
P inserire elementi dotati di dimensione propria in layout a griglia fluida HTML e CSS 5
P Layout a griglia fluida vs. animazioni flash HTML e CSS 0

Discussioni simili

Alto Basso