ciao ragazzi ho una domanda
posto che io abbia questo :
<div id="container">
<div id ="header">
<div id="figlio1"> banner</div>
<div id ="figlio2">banner</div>
</div>
</div>
se usassi dimensioni in percentuale per i div figli le loro dimensioni risulterebbero sempre relative alla finestra browser o al div che li contiene?
e un ultima cosa se mettessi al posto dei div figli una tabella,dovrei usare dimensioni in percentuale o in pixel si adatterebbe bene ugualmente?
graccccie
per farla breve
guardate questa pagina:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
background-color: #000000;
margin:0;
padding:0;
text-align:center;
}
div#contenitore {
padding:0;
margin: 0 auto;
width: 60%;
height: 60%;
background-color: #CCCCCC;
}
div#header {
padding-top:30%;
margin: 0 auto;
width: 100%;
height: 30%;
background-color:#FF0000;
}
div#left {
padding-bottom:70%;
margin: 0 auto;
width: 20%;
height: 70%;
background-color:#00FFFF;
margin-right:80%;
}
div#right {
padding-bottom:70%;
margin: 0 auto;
width: 20%;
height: 70%;
background-color:#00FF00;
margin-left:80%;
background: -bottom;
}
div#front {
padding-bottom:70%;
margin: 0 auto;
width: 60%;
height: 70%;
background-color:#FFFFFF;
margin-left:20%;
margin-right:20%;
}
-->
</style>
</head>
<body>
<div id="contenitore">
<div id ="header">header</div>
<div id="left">left</div>
<div id="front">front</div>
<div id ="right">right</div>
</div>
</body>
</html>
non riesco a tirare su il div front e il div right
attento usi un sacco di padding e un sacco di percentuali e pochi contenuti
io comincerei prima a mettere i contenuti e poi a dargli gli stili
no aspetta questo è un layout,all'interno poi di ogni div inserirei i contenuti,tipo menu form etc etc in altri div figli dei figli o sbaglierei? dopo di che sarei sempre in tempo a cambiare padding e margin vari.......
devo solo portare i div front e right alla giusta altezza se puoi aiutarmi
ragazzi nessuno sa aiutarmi
scusa ti ho risposto senza guardare
dopo che sono libero ci torno su
tolto ma non cambia quasi niente,ho solo un header più schiacciato
io volevo portare div front e right alla stessa altezza del div left
come devo fare?
hai provato a salvarti uqesta pagina e vedere come viene fuori in html?
per allineare i tre div mi vengono subito in mente due tecniche
float: left /* o anche right, da applicare a tutti e tre avendo cura di togliere o azzerare tutti i margin e padding orizzontali */
oppure
position: absolute
io ti consiglio la prima quella del float
uhm..ok proverò con float quindi dici di dare il float sia left che right a tutti e 3 i div?
ma come lo scrivo?
immetto float:right;
float:left; su tutti e 3 i div?
ma a cosa mi servirebbe,io voglio solo allineare orizzontalmente i 3 div
io ti ho indicato le tecniche
ma tu devi andare a cercarle e studiarle, altrimenti ti serviranno almeno una ventina di domande prima di ottenere il risultato
cominciare a costruire un layout dal css potrebbe farlo uno che ha già fatto un sito simile (per impostazioni e contenuti) decine e decine di volte
Permessi di invio
Rispondi quotando