Strange problem

[miligraf]

Ive been working on my new layout but i got a strange problem...here it is:

 

 

As you can see, the images pile up right at the middle, it does this with Firefox but with IE 6 there is no problem but anyway i have different css files for each browser.

 

Here is the html part:

 

<div class="contenido">

	<div class="cuadros">

		<div class="tutoriales">

			<?php include('tutoriales/tutorialesazar.php'); ?>

		</div>

		<div class="afiliados">

			<?php include('afiliados/afiliadosazar.php'); ?>

		</div>

		<div class="descargas">

		</div>

	</div>
</div>

 

And the CSS part of those:

 

div.contenido {
margin:0px auto;
background-color:#353535;
border:1px solid #676767;
width:766px;
height:auto;
}

div.cuadros {
padding:5px 5px 5px 5px;
background-color:#252525;
}

div.tutoriales {
margin:0px 0px 0px 0px;
width:242px;
height:117px;
background-color:#353535;
border:2px solid #676767;
}

div.afiliados {
margin:-121px 0px 0px 255px;
width:242px;
height:117px;
background-color:#353535;
border:2px solid #676767;
}

div.descargas {
margin:-121px 0px 0px 510px;
width:242px;
height:117px;
background-color:#353535;
border:2px solid #676767;
}

 

Thanks for your help 

[ToonMariner]

can we have a link to the page please? I find it easier solving these kind of things using the ff plugins

 

Thank you....

[miligraf]

Ok, here it goes: http://www.miligraf.com/new/

 

Im still working on the CSS for the text and other stuff but those boxes should be finished...you can view the page with IE 6 and will see that it works fine.

 

Thanks.

[Zeon]

try to get rid of the table wich contains the images, use floated images instead:

 

div.tutoriales  img{
    float:left;
}

 

you could use floated divs also for the containers instead of playing with margins. I'm guessing the table is messing things up because of the fixed witdh:

 

<table width="64" align="center">

[miligraf]

Thx for the help guys, i did what you told me Zeon and that kinda solved the problem so i decided to change it a bit:

 

http://www.miligraf.com/new/?ir=inicio

 

The problem now is that the Title and first line of each page, is centered or it starts from the middle to the right...you can see this in the affiliates page (afiliados). I have eliminated any existing table in the affiliates page but i still get the problem.

 

Thanks for your help.

[miligraf]

Forget it lol i changed the design a bit  but thanks for your help guys.

[miligraf]

Hey, found a new problem! lol

 

If you view http://www.miligraf.com/new/ with FireFox you will see it all white even if the div.cuerpo has the bg-color set to #353535.

The FireFox CSS is giving me the problem since it works fine with IE 6.

 

Thanks.

[miligraf]

I would like to delete my last post since i figured out how to fix it but got a new problem...

 

If you go to:

 

http://www.miligraf.com/new/?ir=tutoriales&categoria=Efectos&mostrar=id&ver=10&orden=desc&pag=1

 

You will see the menu at the right but if you go to the last page:

 

http://www.miligraf.com/new/?ir=tutoriales&categoria=Efectos&mostrar=id&ver=10&orden=desc&pag=2

 

The menu at the right will be gone and is at the bottom...how can i solve this? thanks!