Colocar Resposta 
 
Avaliação do Tópico:
  • 0 votos - 0 Média
  • 1
  • 2
  • 3
  • 4
  • 5
Duvida em CSS
03-03-2010, 23:55 (Esta mensagem foi modificada pela última vez a: 04-03-2010 12:10 por mpmont.)
Mensagem: #5
RE: Duvida em CSS
eu ja consegui fazer boa parte disto agora que peguei nisto com olhos de ver, dps de um dia inteiro sem andar pa frente...

e agora so falta fazer o right-fixo... o resto está a funcionar em todos os browsers... se descobrir a resposta depois coloco aqui...
ok,

consegui resolver a coisa em termos de estrutura...

fica aqui o código para quem tiver quiser ver como fiz...

Tive o dia todo de volta disto, coloco a duvida aqui e vou dar uma olhadela e consegui resolver passado pouco tempo lol weird...

Código PHP:
<!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>
body{
    
margin0;
}

#container{
    
width940px;
    
margin0 auto;
}

#left{
    
width200px;
    
positionfixed;
    
floatleft;
}

#right{
    
width540px;
    
floatleft;
    
margin-left200px;
    
margin-top30px;
}

#title{
    
position:fixed;
    
margin-left200px;
    
width550px;
    
height50px;
    
backgroundurl(bg.jpg);
}

div#footer{
  
position:fixed;
  
bottom:0;
  
left:0;
  
width:100%;
  
height:25px;
  
background#000000;
  
color#ffffff;
}

#rightright{
    
position:fixed;
      
bottom:0;
      
width:200px;
      
height:200px;
    
margin-left750px;
}


</
style>


</
head>

<
body>


<
div id="container">
<
center><div id="footer"footer </div></center>
<
div id="rightright">
<
img src="bg_body.jpg" />
</
div>
    <
div id="left">
        <
h2>LEFT</h2>
        <
p>
            
Lorem ipsum dolor sit ametconsectetuer adipiscing elitsed diam nonummy nibh euismod tincidunt ut laoreet dolore magna         aliquam erat volutpatUt wisi enim ad minim veniamquis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
         </
p>
          <
p>
            
Lorem ipsum dolor sit ametconsectetuer adipiscing elitsed diam nonummy nibh euismod tincidunt ut laoreet dolore magna         aliquam erat volutpatUt wisi enim ad minim veniamquis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
         </
p>
    </
div>
    <
div id="title">
    <
h2>RIGHT TITLE</h2>
    </
div>
    
    
    <
div id="right">
    <
p>
            
Lorem ipsum dolor sit ametconsectetuer adipiscing elitsed diam nonummy nibh euismod tincidunt ut laoreet dolore magna         aliquam erat volutpatUt wisi enim ad minim veniamquis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
         </
p>
    <
p>
            
Lorem ipsum dolor sit ametconsectetuer adipiscing elitsed diam nonummy nibh euismod tincidunt ut laoreet dolore magna         aliquam erat volutpatUt wisi enim ad minim veniamquis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
         </
p>
         <
p>
            
Lorem ipsum dolor sit ametconsectetuer adipiscing elitsed diam nonummy nibh euismod tincidunt ut laoreet dolore magna         aliquam erat volutpatUt wisi enim ad minim veniamquis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
         </
p>
         <
p>
            
Lorem ipsum dolor sit ametconsectetuer adipiscing elitsed diam nonummy nibh euismod tincidunt ut laoreet dolore magna         aliquam erat volutpatUt wisi enim ad minim veniamquis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
         </
p>
         <
p>
            
Lorem ipsum dolor sit ametconsectetuer adipiscing elitsed diam nonummy nibh euismod tincidunt ut laoreet dolore magna         aliquam erat volutpatUt wisi enim ad minim veniamquis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
         </
p>
         <
p>
            
Lorem ipsum dolor sit ametconsectetuer adipiscing elitsed diam nonummy nibh euismod tincidunt ut laoreet dolore magna         aliquam erat volutpatUt wisi enim ad minim veniamquis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
         </
p>
         <
p>
            
Lorem ipsum dolor sit ametconsectetuer adipiscing elitsed diam nonummy nibh euismod tincidunt ut laoreet dolore magna         aliquam erat volutpatUt wisi enim ad minim veniamquis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
         </
p><p>
            
Lorem ipsum dolor sit ametconsectetuer adipiscing elitsed diam nonummy nibh euismod tincidunt ut laoreet dolore magna         aliquam erat volutpatUt wisi enim ad minim veniamquis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
         </
p>
         <
p>
            
Lorem ipsum dolor sit ametconsectetuer adipiscing elitsed diam nonummy nibh euismod tincidunt ut laoreet dolore magna         aliquam erat volutpatUt wisi enim ad minim veniamquis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
         </
p><p>
            
Lorem ipsum dolor sit ametconsectetuer adipiscing elitsed diam nonummy nibh euismod tincidunt ut laoreet dolore magna         aliquam erat volutpatUt wisi enim ad minim veniamquis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
         </
p>
         <
p>
            
Lorem ipsum dolor sit ametconsectetuer adipiscing elitsed diam nonummy nibh euismod tincidunt ut laoreet dolore magna         aliquam erat volutpatUt wisi enim ad minim veniamquis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
         </
p>
                  <
p>
            
Lorem ipsum dolor sit ametconsectetuer adipiscing elitsed diam nonummy nibh euismod tincidunt ut laoreet dolore magna         aliquam erat volutpatUt wisi enim ad minim veniamquis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
         </
p>
                  <
p>
            
Lorem ipsum dolor sit ametconsectetuer adipiscing elitsed diam nonummy nibh euismod tincidunt ut laoreet dolore magna         aliquam erat volutpatUt wisi enim ad minim veniamquis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
         </
p>
                  <
p>
            
Lorem ipsum dolor sit ametconsectetuer adipiscing elitsed diam nonummy nibh euismod tincidunt ut laoreet dolore magna         aliquam erat volutpatUt wisi enim ad minim veniamquis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
         </
p>
    </
div>

</
div>
</
body>
</
html

em termos de estrutura está como eu queria, so tive tempo de testar em IE 7 e 8 e FF e chrome... Smile
Procurar todas as mensagens deste utilizador
Citar esta mensagem numa resposta
Colocar Resposta 


Mensagem neste Tópico
Duvida em CSS - mpmont - 03-03-2010, 22:29
RE: Duvida em CSS - avlisrotiv - 03-03-2010, 23:22
RE: Duvida em CSS - mpmont - 03-03-2010, 23:29
RE: Duvida em CSS - avlisrotiv - 03-03-2010, 23:34
RE: Duvida em CSS - mpmont - 03-03-2010 23:55
RE: Duvida em CSS - MarcoMonteiro - 04-03-2010, 12:07
RE: Duvida em CSS - mpmont - 04-03-2010, 12:09
RE: Duvida em CSS - asantos3 - 04-03-2010, 15:20
RE: Duvida em CSS - mpmont - 04-03-2010, 16:42
RE: Duvida em CSS - asantos3 - 04-03-2010, 16:49
RE: Duvida em CSS - mpmont - 04-03-2010, 19:07
RE: Duvida em CSS - asantos3 - 04-03-2010, 19:52
RE: Duvida em CSS - mpmont - 05-03-2010, 12:22
RE: Duvida em CSS - asantos3 - 05-03-2010, 21:45
RE: Duvida em CSS - mpmont - 05-03-2010, 22:03
RE: Duvida em CSS - asantos3 - 06-03-2010, 13:35
RE: Duvida em CSS - mpmont - 06-03-2010, 16:10
RE: Duvida em CSS - asantos3 - 07-03-2010, 13:42
RE: Duvida em CSS - mpmont - 08-03-2010, 12:22
RE: Duvida em CSS - asantos3 - 08-03-2010, 22:25
RE: Duvida em CSS - mpmont - 08-03-2010, 23:27
RE: Duvida em CSS - asantos3 - 08-03-2010, 23:31
RE: Duvida em CSS - asantos3 - 20-03-2010, 17:14

Saltar Fórum:


Utilizadores a ver este tópico: 1 Visitante(s)