Problema com site em 2 colunas

NetBoy16 · Dezembro 16, 2011

Fala pessoal, estou finalizando 2 sites:

O da clinica ta belezinha(quase), o do spa fiz baseado no da clinica, no conteudo tem 2 colunas(divs), o da clinica ta funcionando bem, mas o do spa nao, tive que usar uma gambiarra temporaria(position:absolute), pois as 2 colunas nao ficam alinhadas e fica sobrando espaco embaixo, alguem por favor pode me ajudar a resolver esse problema?

Outra coisa, como faco pra ajeitar o rodape pra nao ficar sobrando espaco embaixo?

Ja tentei de tudo mas nada funciona, alguem pro favor pode me ajudar?

Henrique Barcelos · Dezembro 16, 2011

Leia, com atenção especial à regra 1:

:seta: http://forum.imasters.com.br/index.php?app=core&module=help

NetBoy16 · Dezembro 19, 2011

ta, desculpa, mas você pode me ajudar? precisava muito finalizar o site logo.

Giovani · Dezembro 19, 2011

Layout fixo 2 colunas (menu vertical)

allex_carvalho · Dezembro 19, 2011

Faltou o float:left nas duas divs. Retira os position, top e left e coloque float:right; nas duas divs (direita e esquerda). Ai será só alinhar as duas com margin.

NetBoy16 · Dezembro 19, 2011

entao, eu tinha olhado o tuto do maujor e usei float right na div da direita e float left na da esquerda e clear both no rodape, mas o layout fica zuado e sem cor de fundo.

Clique aqui

Mas vou dar uma olhada nesse e qualquer coisa eu edito.

tentei usar float left nas duas divs como esta nesse tutorial mas tb nao deu certo :natalsad:

Alguem por favor pode me ajudar ?

o problema tb é que antes dessas divs tem um banner rotativo, tem a div conteudo e dentro dela a div direito e esquerdo e o banner.

Oque eu faco :huh: ?

allex_carvalho · Dezembro 19, 2011

A estrutura está com problema. A div container tem que estar margin:0 auto para centralizar o site. E as outras tem que ter float. A estrutura toda (CSS) tem que ser revista. Tem muito position desnecessario.

NetBoy16 · Dezembro 19, 2011

beleza, vou verificar, vlw por enquanto :thumbsup:

soh uma coisa, oque deve ter float, as 2 divs, direita e esquerda? e qual float?

E ESTRANHO QUE SAI O FUNDO BRANCO, PORQUE SERÁ ?

allex_carvalho · Dezembro 19, 2011

beleza, vou verificar, vlw por enquanto :thumbsup:

soh uma coisa, oque deve ter float, as 2 divs, direita e esquerda? e qual float?

E ESTRANHO QUE SAI O FUNDO BRANCO, PORQUE SERÁ ?

Porque no css uma coisa depende da outra. Como tem alguns erros ai com position, as coisas saem do lugar.

NetBoy16 · Dezembro 19, 2011

beleza, consegui, deixei a div container, conteudo, direito e esquerdo com o position relative e tirei o position doque ficava dentro do direito e esquerdo e fiz um float right na div direita e um clear both no rodape, a div esquerdo ficou sem float, so falta uma coisa, na imagem que tem o telefone(canto inferior direito) ela fica passando um pouco do limite do conteudo e o conteudo nao aumenta pra abrigar esse tamanho, se você ver ta com height: auto.

Oque eu faco pra resolver esse probleminha?

William Bruno · Dezembro 19, 2011

tem alguns erros grosseiros de marcação HTML. Tem 3 DTDs nessa página.

Note que no HTML gerado final, você não deve ter duplicação dessas tags básicas, html, head, body, DTD..

Além disso, como sugestão de melhoria com a tua semântica, leia:

http://wbruno.com.br/blog/2011/10/04/semantica-da-tag-br/

NetBoy16 · Dezembro 19, 2011

ë porcausa das includes, eu sei que nao pode ter + de 1 dtd na mesma pagina, mas na include também nao pode ?(acredito que nao pois na renderização ele junta tudo, mas to perguntando pra ter certeza)

ps:muito bom seu post, vou ler depois, mas pelo que eu vi parece ser interessante, ainda mais pelo que nem conhecia :thumbsup:

cara, tireis os outros dtd`s so deixando um, mas continua a mesma coisa, oque eu faco agora ?

William Bruno · Dezembro 19, 2011

essas tags aqui tb não podem duplicar:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

valide a marcação no w3c. É o início de tudo. Sempre que você for fazer um site, e tiver problemas, vai lá e valida.

você acertou, mesmo sendo include, eles tb não podem ter essas tags, pois qndo renderizar tudo vai duplicar.

Corrija isso e deixe verdinho na validação.

NetBoy16 · Dezembro 19, 2011

é mesmo, esqueci de validar :natallaugh:

a debugacao do javascript agora nao esqueco mais, mas a validacao aidna to pegando o jeito :natalhappy:

Mas amanha eu vejo isso, vlw por enquanto.

NetBoy16 · Dezembro 20, 2011

Bom dia, já tirei essas tags hoje, mas ainda continua do jeito que tava, validei o codigo e corriji mais uns erros, mas tem 19 erros restantes que nao sei como resolver, se você puder me ajudar...

Validation Output: 19 Errors

Error Line 103, Column 11: there is no attribute "width"

<tr width=auto><td width=auto> <img src=fotos/8966428.jpg width=200 height=150 …

✉

You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash.

Error Line 103, Column 11: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified

<tr width=auto><td width=auto> <img src=fotos/8966428.jpg width=200 height=150 …

✉

Error Line 103, Column 26: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified

<tr width=auto><td width=auto> <img src=fotos/8966428.jpg width=200 height=150 …

✉

Error Line 103, Column 41: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified

…r width=auto><td width=auto> <img src=fotos/8966428.jpg width=200 height=150 a…

✉

Error Line 103, Column 47: NET-enabling start-tag not immediately followed by null end-tag

…h=auto><td width=auto> <img src=fotos/8966428.jpg width=200 height=150 alt='fo…

✉

This error may occur when there is a mistake in how a self-closing tag is closed, e.g '.../ >'. The proper syntax is '... />' (note the position of the space).

Error Line 103, Column 47: required attribute "alt" not specified

…h=auto><td width=auto> <img src=fotos/8966428.jpg width=200 height=150 alt='fo…

✉

The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

Error Line 103, Column 47: end tag for "img" omitted, but OMITTAG NO was specified

…h=auto><td width=auto> <img src=fotos/8966428.jpg width=200 height=150 alt='fo…

✉

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

Info Line 103, Column 32: start tag was here

<tr width=auto><td width=auto> <img src=fotos/8966428.jpg width=200 height=150 …

Error Line 103, Column 108: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified

…eight=150 alt='foto'/> </td><td width=auto> Pés bonitos sempre!<br/> <a href=…

✉

Error Line 103, Column 148: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified

…to> Pés bonitos sempre!<br/> <a href=noticias_ver.php?id_evento=428 >Saiba ma…

✉

Error Line 103, Column 164: an attribute value must be a literal unless it contains only name characters

… sempre!<br/> <a href=noticias_ver.php?id_evento=428 >Saiba mais</a> </td></tr…

✉

You have used a character that is not considered a "name character" in an attribute value. Which characters are considered "name characters" varies between the different document types, but a good rule of thumb is that unless the value contains only lower or upper case letters in the range a-z you must put quotation marks around the value. In fact, unless you have extreme file size requirements it is a very very good idea to always put quote marks around your attribute values. It is never wrong to do so, and very often it is absolutely necessary.

Error Line 103, Column 215: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified

…8 >Saiba mais</a> </td></tr><tr width=auto><td width=auto> <img src=fotos/6099…

✉

Error Line 103, Column 230: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified

…a> </td></tr><tr width=auto><td width=auto> <img src=fotos/6099433.jpg width=2…

✉

Error Line 103, Column 245: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified

…r width=auto><td width=auto> <img src=fotos/6099433.jpg width=200 height=150 a…

✉

Error Line 103, Column 251: NET-enabling start-tag not immediately followed by null end-tag

…h=auto><td width=auto> <img src=fotos/6099433.jpg width=200 height=150 alt='fo…

✉

This error may occur when there is a mistake in how a self-closing tag is closed, e.g '.../ >'. The proper syntax is '... />' (note the position of the space).

Error Line 103, Column 251: required attribute "alt" not specified

…h=auto><td width=auto> <img src=fotos/6099433.jpg width=200 height=150 alt='fo…

✉

The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

Error Line 103, Column 251: end tag for "img" omitted, but OMITTAG NO was specified

…h=auto><td width=auto> <img src=fotos/6099433.jpg width=200 height=150 alt='fo…

✉

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

Info Line 103, Column 236: start tag was here

…d></tr><tr width=auto><td width=auto> <img src=fotos/6099433.jpg width=200 hei…

Error Line 103, Column 312: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified

…eight=150 alt='foto'/> </td><td width=auto> Conheça o pacote Acridas<br/> <a …

✉

Error Line 103, Column 357: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified

…Conheça o pacote Acridas<br/> <a href=noticias_ver.php?id_evento=433 >Saiba ma…

✉

Error Line 103, Column 373: an attribute value must be a literal unless it contains only name characters

… Acridas<br/> <a href=noticias_ver.php?id_evento=433 >Saiba mais</a> </td></tr…

✉

You have used a character that is not considered a "name character" in an attribute value. Which characters are considered "name characters" varies between the different document types, but a good rule of thumb is that unless the value contains only lower or upper case letters in the range a-z you must put quotation marks around the value. In fact, unless you have extreme file size requirements it is a very very good idea to always put quote marks around your attribute values. It is never wrong to do so, and very often it is absolutely necessary.

William Bruno · Dezembro 20, 2011

troque todos os:

<tr width=auto><td width=auto> <img src=...

por:

<tr><td> <img src="...

NetBoy16 · Dezembro 20, 2011

Ok, vou fazer isso.

NetBoy16 · Dezembro 20, 2011

Beleza, isso já resolvi, vlw, agora um ultimo problema, no site da clinica o rodape nao fica preso ao rodape, sobra um espaco embaixo, o css está praticamente igual(muda menus,etc...) ao do spa, mas nao sei oque acontece, poderia me ajudar por favor ?

William Bruno · Dezembro 20, 2011

De novo cara.. do começo...

valide o documento !

está duplicando DTD, head, title...

sempre, sempre, sempre valide. Ok ?

qndo terminar volte informando.

Arquivado

Problema com site em 2 colunas

Recommended Posts

NetBoy16 72

Compartilhar este post

Link para o post

Compartilhar em outros sites

Henrique Barcelos 290

Compartilhar este post

Link para o post

Compartilhar em outros sites

NetBoy16 72

Compartilhar este post

Link para o post

Compartilhar em outros sites

Giovani 104

Compartilhar este post

Link para o post

Compartilhar em outros sites

allex_carvalho 124

Compartilhar este post

Link para o post

Compartilhar em outros sites

NetBoy16 72

Compartilhar este post

Link para o post

Compartilhar em outros sites

allex_carvalho 124

Compartilhar este post

Link para o post

Compartilhar em outros sites

NetBoy16 72

Compartilhar este post

Link para o post

Compartilhar em outros sites

allex_carvalho 124

Compartilhar este post

Link para o post

Compartilhar em outros sites

NetBoy16 72

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

NetBoy16 72

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

NetBoy16 72

Compartilhar este post

Link para o post

Compartilhar em outros sites

NetBoy16 72

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

NetBoy16 72

Compartilhar este post

Link para o post

Compartilhar em outros sites

NetBoy16 72

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

printf iniciante básico