LinkBack URL
About LinkBacksHo usato il servizio csscreator per farmi una basi di quello che dovrebbe essere un template, ma ho un problema.
il template è composto da due colonne e appena scrivi un po' di più in una l'altra rimane più corta...
i file sono questi:
css
paginaCodice PHP:/* generated by csscreator.com */
html, body{
margin:0;
padding:0;
text-align:center;
background:url("http://forum.it.altervista.org/images/sfuma.png") repeat-x;
}
#pagewidth{
width:756px;
text-align:left;
margin-left:auto;
margin-right:auto;
}
#header{
position:relative;
height:143px;
background:url("http://forum.it.altervista.org/images/banner.png");
width:100%;
}
#leftcol{
width:25%;
float:left;
position:relative;
background-color:#D0FFFF;
}
#maincol{
background-color: #FFFFFF;
float: right;
display:inline;
position: relative;
width:75%;
}
#footer{
height:20px;
background-color:#E6BFA6;
clear:both;
}
/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/*printer styles*/
@media print{
/*hide the left column when printing*/
#leftcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}
cosa c'è di sbagliato?Codice HTML:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html><head> <title>CssCreator-->HTML 4.01 Strict Template</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="generator" content="www.csscreator.com"> <link rel="stylesheet" href="688394.css" type="text/css"> </head><body> <div id="pagewidth"> <div id="header"></div> <!-- Sembra una cosa inutile, ma se lo levi il banner non appare piu --> <div id="wrapper" class="clearfix"> <div id="maincol"> Main Content Column </div> <div id="leftcol"> Left Column </div> </div> <div id="footer"> Footer </div> </div> </body></html>
Visualizzazione risultati 1 fino 5 di 5
Discussione: [css] Problema altezza colonne
-
03-09-2009, 16.34.46 #1Guest
[css] Problema altezza colonne
-
03-09-2009, 16.43.49 #2Guest
Potresti postare il link di una pagina di esempio?
-
03-09-2009, 16.58.49 #3Guest
ok...
http://edo98.altervista.org/templateche/
all'indirizzo si vede la colonna a destra lunga
e quella di sinistra corta
-
04-09-2009, 15.12.13 #4Guest
In pratica vuoi che quando la colonna del contenuto si allunga, la colonna di sinistra abbia la stessa lunghezza...
Originalmente inviato da edo98
Devi giocare con il template.
In pratica dovresti creare un contenitore dove all'interno metti le due colonne. Il background del contenitore lo metti azzurro. Il background della colonna di sinistra lo lasci libero, e il background della colonna di destra lo colori di arancione.
Così però devi fare attenzione che in ogni pagina, la colonna di destra deve essere sempre più lunga di quella di sinistra.
Oppure imposti un background-image come ho fatto io (link guarda lo sfondo delle colonne)...
Oppure ancora dai un'occhiata a questo articolo in inglese "I 4 metodi per creare colonne con altezze uguali".
-
05-09-2009, 15.07.27 #5Guest
grazie per i link ;)
