Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

analista_eg

Dimensionar site

Por , em Desenvolvimento frontend

Recommended Posts

analista_eg    0

analista_eg
Postado

Estou desenvolvendo meu primeiro site em html e css, e gostaria de complementa com a função de dimensionamento no navegador, tipo, sem a resolução do pc estive 800x600, 1024 por... a assim por diante, o site ficaria na dimensão.

Já pesquise no google e aqui, tente varias funções mais não deram certas, estou desconfiado que o meu código tb não esta 100%.

 

Segue os códigos para um help.

 

HTML

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http-~~-//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
[url="http-~~-//december.com/html/4/element/html.html"]<html[/url] xmlns="http-~~-//www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br"> 
[url="http-~~-//december.com/html/4/element/head.html"]<head>[/url] 
[url="http-~~-//december.com/html/4/element/meta.html"]<meta[/url] http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
[url="http-~~-//december.com/html/4/element/title.html"]<title>[/url]Empresa</title>
[url="http-~~-//december.com/html/4/element/script.html"]<script[/url] type="text/javascript"> 

function vertical() { 

   var navItems = document.getElementById("nav").getElementsByTagName("li"); 

   for (var i=0; i< navItems.length; i++) { 

      if(navItems[i].className == "submenu") { 

         navItems[i].onmouseover=function() {this.getElementsByTagName('ul')[0].style.display="block";this.style.backgroundColor = "#f9f9f9";} 

         navItems[i].onmouseout=function() {this.getElementsByTagName('ul')[0].style.display="none";this.style.backgroundColor = "#FFFFFF";} 

      } 

   } 
} 


function horizontal() { 

   var navItems = document.getElementById("barra").getElementsByTagName("li"); 

   for (var i=0; i< navItems.length; i++) { 

      if((navItems[i].className == "menuvertical") || (navItems[i].className == "submenu")) 

      { 

         if(navItems[i].getElementsByTagName('ul')[0] != null) 

         { 

            navItems[i].onmouseover=function() {this.getElementsByTagName('ul')[0].style.display="block";this.style.backgroundColor = "#f9f9f9";} 

            navItems[i].onmouseout=function() {this.getElementsByTagName('ul')[0].style.display="none";this.style.backgroundColor = "#FFFFFF";} 

         } 

      } 

   } 
} 
</script>
</head>

[url="http-~~-//december.com/html/4/element/link.html"]<link[/url] href="css/css.css" rel="stylesheet" type="text/css">
[url="http-~~-//december.com/html/4/element/style.html"]<style[/url] type="text/css">

body {

background:#D8EBF6 url("bgdegrade.jpg") 

top left repeat-x fixed;

}
</style>

[url="http-~~-//december.com/html/4/element/body.html"]<body>[/url] 
[url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="geral"> 

                                        [url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="fundotopo"> [url="http-~~-//december.com/html/4/element/img.html"]<img[/url] src="imgs/barra_menu.jpg" width="1262" height="25"></div>

                                        [url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="fundosuperior"> [url="http-~~-//december.com/html/4/element/img.html"]<img[/url] src="imgs/fundo.jpg" width="1262" height="600"></div>     

  [url="http-~~-//december.com/html/4/element/br.html"]<br>[/url]  

                                        
[url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="topo"> [url="http-~~-//december.com/html/4/element/img.html"]<img[/url] src="lg_imagem.jpg"> </div>

  

  [url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="topotexto">    

  [url="http-~~-//december.com/html/4/element/div.html"]<div[/url] class="sombra11">texto 

    [url="http-~~-//december.com/html/4/element/div.html"]<div[/url] class="texto1">texto</div>

  </div>

  </div>

  [url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id="tecnologia">texto</div>

  

                                        [url="http-~~-//december.com/html/4/element/div.html"]<div[/url] id=


			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					







	

	

		

			
inforsis
			  

	
		
	
			 1
	
		
	

		

		

			


	
		inforsis
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			

Bom Dia analista_eg!


Pesquise sobre "layout liquido" ou "layout fluido".


 


Busca do Fórum iMasters


 


Abaixo vai um link que pode te ajudar:


 


http://forum.imasters.com.br/index.php?sho...l=layout+fluido


 


observe o link que o gio! indica no post.


 


Qualquer nova dúvida volte a postar, não esqueça de sempre conferir na busca antes.  http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
			
			



		

	


	
	

	

	







	

		
			
				Ir para a lista de tópicos
				Desenvolvimento frontend
			
		
	

	




	

	

	




						


	

		
	


					

					

	

		
        


	

		
    
			
				
					
					
  • 
				
					
					
  • 
				
					
					
  • 
				
			
		

	


		
            
			

	

		
		

			

				
			

		

	



		
	


					

				

			

			
		

		
		


	×
	

		

			

			

				
			


			
		

	



		

	































	
















		
			
		
		
		
		







	




	







	

		

			

				
Informação importante

				
Ao usar o fórum, você concorda com nossos Termos e condições.

			

			

				  Aceito