[Resolvido] Alinhamento Divs

[bobmarley 0]

Galeraaa.. ja li mtos topicos sobre cantos arredondados... porem... nao consegui fazer isso com nenhum :(

 

mas entaoo.. estou tentando com meus conhecimentos mesmo...

 

seguindo minha teoria doida...

 

tem a div "#primaryContent" que é a parte do conteudo do blog.... (futuro blog wordpress)

 

eu queria colocar os cantos arredondados nessa parte conteudo... e tem um borda q separa a sidebar do conteudo... depois vou adicionar cantos arredondados na sidebar tb..

 

mas entao

eu fiz.. esse esquema.. no css que define como vai ser essa div #primaryContent

eu adicionei essa linha...

 

background: url(images/top.png) no-repeat top;

 

e funcionou.. ficou certinho.. do jeito que eu queria...

ai no index.php

depois da tag </div> q fecha a div #primaryContent

la no final adicionei

 

<div class="bottom"> </div>

 

e no css adicionei...

 

.bottom{

background: url(images/bottom.png) no-repeat bottom;

}

 

mas essa parte nao deu certo... eu tinha adicionado um height: 100px; e a imagem foi aparecer la na sidebar.. moh doidera.

 

sera q deu pra entender? ou inrolei mto? :huh:

 

ja tentei colocar uns floats... e nada tb...

alguem sabe oq ta acontecendo? alguem q saiba mais da uma ajuda aii http://forum.imasters.com.br/public/style_emoticons/default/cry.gif

 

 

valeuu galera

abraçoooooooo

[Rasp 3]

bobmarley,

poste seu codigo html e css para que possamos ver o que está acontecendo... ou poste um link ;)

 

abs

[William Bruno 1501]

Apenas posicionea classe bottom, com um absolute, e no bottom: 0; da outra DIV..

[Gui.BAR 0]

Galera que tem mania de ficar pedindo código-fonte ou página online sem nem ter lido a dúvida do cara: tem coisa que dá pra resolver sem ter esse trabalho. Esse caso é um exemplo. Nem tudo se resume a código também.

[bobmarley 0]

aee galeraaa

nao deu certo nao =//

 

o código ta assim..

 

#primaryContent{   
	width:630px;
	padding:5px 20px;
	border-right:5px solid #1f1f1f; /* borda que separa o conteudo da sidebar */
	font-size:11px;
	float:left;
	clear:none; 
	background: url(images/top.png) no-repeat top;
	bottom: 0; 

}

.bottom{
  background: url(images/bottom.png) no-repeat bottom;
  position:absolute;

}

acho q é assim neh.. nao deu certo nao =//

 

#primaryContent.. é a div do conteudo do blog...

 

e agora? :(

 

valeu galeraaaa

abraçoooo

[William Bruno 1501]

Oque eu disse, foi o seguinte:

#primaryContent{   

width:630px;

padding:5px 20px;

border-right:5px solid #1f1f1f; /* borda que separa o conteudo da sidebar */

font-size:11px;

float:left;

clear:none;

background: url(images/top.png) no-repeat top;

position: relative;

 

}

 

.bottom{

background: url(images/bottom.png) no-repeat bottom;

position:absolute;

bottom: 0;

width:630px;

}

[Rasp 3]

Gui.BAR,

Respondendo seu comentário... tá bem aí o "Galera que tem mania de ficar pedindo código-fonte ou página online sem nem ter lido a dúvida do cara"... nem todos entendem a forma que muitos pensam, pensamentos diferentes, modos de desenvolver diferente e etc... acho que ao invés de você ficar criticando alguém só para aumentar seu número de posts, deveria ter "perdido" seu tempo ajudando na dúvida.

 

[]'s

 

ps: galera sei que não é o local de desentendimento, mais infelizmente tem certas coisas que não dá pra engolir.

[bobmarley 0]

muita calma nessa hora galera =///

ehuaehua

 

caraa.. nao deu certo tb nao :mellow:

 

nao alterou nada =///

[William Bruno 1501]

Pois então poste um link com as imagens, e todo o código.

a div com a class .bottom, está dentro da #primaryContent, certo ?

 

Poste as imagens, ou um link com tudo.

[bobmarley 0]

dei um print aqui oh...

 

http://img193.imageshack.us/img193/3425/92500156.jpg

 

e upei as imagens com os cantos arredonados.. o arquivo index.php, o style.css e o header.php

 

 

http://rapidshare.com/files/234234276/cant...ndados.rar.html

 

 

da uma olhada ai cara....

valeuuu hein

abraçooooooo

[William Bruno 1501]

Ficou faltando os paddings..

.bottom{
 	background: url('./images/bottom.png') no-repeat bottom;
	position:absolute;
	bottom: 0;
	left: 0;
	height: 40px;
	width:670px;
}

e arruma o height, de acordo com a altura da imagem.

[bobmarley 0]

aeee caraaaa

no index.php ta funcionando de boaaaaa

deu certinho cara... ficou mto bomm

valeu mesmoooo

mas na single.php (pagina responsavel por mostrar o post completo.. e o formulario de comentario..)

ficou meio bagunçado

oh o print...

 

http://img508.imageshack.us/img508/364/51863777.jpg

 

dai eu fiz o seguinte.. na pagina single.php

eu criei la em baixo

 

<div class="bottom2"> </div>

 

e no css...

 

 

.bottom2{
  background: url(images/bottom.png) no-repeat bottom;
  position:absolute;
  width:670px;
  height: 40px;
  bottom: 0;
  left: 0;
}

 

mas mesmo assim ficou bagunçado..

 

e o print q eu dei.. eu dei um ctrl -

pra aparece a pagina mais longe.. a imagem bottom... ela fica grudada na esquerda =////

 

valeu mesmooo caraaa

só falta essa =~~~~~~~~~~

desculpa incomodar tanto

abraçoooooooo

[bobmarley 0]

aaaaaaaaaaaaaaaa caraaaaaa

 

deu certo aqui na pagina single.php tbbbbb

a class tava em lugar errado

agora ta tudo blzzzzzzzzz

ehuaehuahe

valeu mesmooooo caraaaa

me ajudou mtooooo

problema resolvidoooooo

brigadaoo vei

qlq coisa... tamo ai

abraçoooooooo

valeu mesmooo