Comments on: Video Tutorial #6 – Transformando layout fixo em fluido

By: Christiano

Christiano — Mon, 30 Nov 2009 13:13:58 +0000

Gabriel Silveira o IE 6 não breca. Ele não reconhece largura mínima.

Esse tutorial merece uma versão 2 para trabalhar os seguintes ítens:

- Quando se coloca conteúdo real dentro da coluna do meio onde você precisa misturar elementos fluidos com largura fixa e variável (um catálogo de e-commerce é um bom exemplo);

- Quando se quer deixar o rodapé sempre embaixo e você ainda possui um menu sanfonado (expande os submenus verticalmente quando o menu é clicado);

- Quando se tem textura no fundo das colunas e você que que ambas acompanhem a coluna do meio;

- Quando se deseja que o layout se adapte ao tamanho de letra do usuário;

Enfim. Acho realmente que há mais itens que justificam um tuto 2 deste aqui… Abços.

By: Paulo César

Paulo César — Thu, 06 Aug 2009 15:52:00 +0000

EXCELENTE!!

By: Ciro Feitosa » Arquivo » Seleções #2

Ciro Feitosa » Arquivo » Seleções #2 — Wed, 29 Oct 2008 23:45:57 +0000

[...] trabalho pela comunidade do Tableless. Nestes últimos dias, colocou no ar 2 tutoriais falando de como transformar layout fixo em fluido, e um outro sobre como centralizar um layout horizontalmente. Para quem ainda tem dúvidas, vale a [...]

By: Luiz

Luiz — Tue, 19 Aug 2008 22:58:53 +0000

Parabéns,
Um bom trabalho.

By: Priscilla Rissardi

Priscilla Rissardi — Mon, 30 Jun 2008 20:39:48 +0000

Cara vc é muito fera…

vlw mesmo o mundo precisa realmente de caras como vc que compartilha as coisas e que sabe ensinar….

Obrigado mesmo.

By: igor

igor — Tue, 25 Mar 2008 18:28:13 +0000

Cara… legal sua video aula hein!

Facinho de entender! sussa!

Parabens!

Foi útil em para uma luz de um problema cabuloso q eu tinha aki!!

VALEU!

By: Gabriel Silveira

Gabriel Silveira — Wed, 19 Mar 2008 17:05:09 +0000

Olá!
primeiramente parabéns pelo site e por mais esse tutorial muito bem feito.

Porém tenho uma dúvida e um desafio, hehe.

estou utilizando esse exemplo como base:

CSS:
#topo,#rodape {width:100%; height:70px; background:#ccc; clear:both}
#left {float:left; width:150px; background-color:#00FFFF}
#right {float:right; width:150px; background-color:#ffcc00}
#center {margin:0 160px}
#a
{
width: 800px;
border:1px #ffcc00 solid
}

html>body #a
{
width: auto;
min-width:800px;
border:1px #ff0000 solid
}

HTML:

sdfsdfsdf
fsdfsdffffsdf sdfsdfsdf
fsdfsdffffsdf sdfsdfsdf
fsdfsdffffsdf

sdfsdfsdf
fsdfsdffffsdf sdfsdfsdf
fsdfsdffffsdf sdfsdfsdf
fsdfsdffffsdf sdfsdfsdf
fsdfsdffffsdf

sdfsdfsdf
fsdfsdffffsdf sdfsdfsdf
fsdfsdffffsdf sdfsdfsdf
fsdfsdffffsdf sdfsdfsdf
fsdfsdffffsdf sdfsdfsdf
fsdfsdffffsdf sdfsdfsdf
fsdfsdffffsdf sdfsdfsdf
fsdfsdffffsdf sdfsdfsdf
fsdfsdffffsdf sdfsdfsdf
fsdfsdffffsdf sdfsdfsdf
fsdfsdffffsdf sdfsdfsdf
fsdfsdffffsdf sdfsdfsdf
fsdfsdffffsdf sdfsdfsdf
fsdfsdffffsdf

—-

O problema é o seguinte, determinei uma largura mínima para o site, e em IE7 e FIREFOX ele funciona perfeitamente.
Agora, como eu consigo fazer com que o IE6 “breque” quando chegar na largura mínima.
Já tentei de tudo e não consigo de jeito nenhum, inclusive expressões, como a: width:expression(document.body.currentStyle.offsetWidth > 810 ? “auto” : “800px”, mas ele não respeita!

Você ou alguém conhece a soulução para esse dilema?

Obrigado!

By: Victor

Victor — Fri, 29 Feb 2008 02:27:23 +0000

Estou precisando aprender CSS para aplicar em um cliente (o primeiro na Web) e o seu material é muito bom! Você usa uma didática fácil e que qualquer um, até um novato em CSS como eu, consegue entender.

É como dizem por aí: “Você é o cara !!!”

Parabéns!!!

By: Murilo

Murilo — Wed, 05 Dec 2007 23:26:12 +0000

Vlw Cara!

estou começando em css e não fazia idéia de como fazer isso… ainda mais um layout fluido!

Seu site está nos meus favoritos e acompanharei o seu feed!

Abraços.

By: Pedro

Pedro — Sat, 22 Sep 2007 01:57:45 +0000

Cara.. humilho aih em .valeu pelo aprendizado que vc me proporcionou….ajudou muito