Webmaster-Talk.com > Coding Talk > HTML Forum > Problems with CSS and window width

Reply
Problems with CSS and window width
Old 08-12-2004, 01:41 PM Problems with CSS and window width
Novice Talker

Posts: 7
Location: bs. as. - argentina
Talkupation: jrod is on a distinguished road
Check out

http://www.misboludeces.com.ar/webs/.../productos.htm

I have a problem with the table. If I resize the window smaller than 700 px. width (approx.), the table goes down instead of just showing the horizontal slider. You can imagine this can be really annoying for the user, and, of course, for me.

If you can help me, I'd appreciate it!
jrod is offline
Reply With Quote
View Public Profile Visit jrod's homepage!
 
When You Register, These Ads Go Away!
Old 08-12-2004, 02:29 PM
Provision's Avatar
Experienced Talker

Posts: 39
Talkupation: Provision is on a distinguished road
Here are the changes I had to make in order to fix this problem...

in your css file I changed the following

.contenido { position: absolute; font-family: "MS Sans Serif", Tahoma, Geneva; left: 180px; width: 70%; text-align: justify; text-transform: none; letter-spacing: 3pt; line-height: 1.5; font-size: 10pt; padding: 10px;}

.izq { position: absolute; float: left; padding: 10px; background-color: #000000; margin-left: -1px; width: 170px;}

and then in your html file make the table inside the izq div to have a width of 100%

Below is the file I was working with.
HTML Code:
<HTML><HEAD><TITLE>Galery</TITLE><!-- InstanceBegin template="/Templates/template.dwt" codeOutsideHTMLIsLocked="false" -->
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1"><LINK href="estilo.css" type=text/css rel=stylesheet>
<SCRIPT language=JavaScript type=text/JavaScript>
<!--
function Ventana(theURL) { //v2.0
    newWindow = open("","ampliacion", "menubar=no, location=no, status=no, resizable=yes, width=200, height=500");
    newWindow.document.clear();
    newWindow.document.write('<HTML><HEAD><TITLE>Ampliación de Productos<\/TITLE><\/HEAD>');
    newWindow.document.write('<BODY bgcolor="7CDAFC" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">');
	newWindow.document.write('<div align="center"><a href="javascript:void(window.close())"><img name="imagen" src="');
	newWindow.document.write(theURL);
	newWindow.document.write('" border="0" alt="Haga clic para cerrar la ventana"><\/a><\/div>');
	newWindow.document.write('<\/BODY><\/HTML>');
	while(!newWindow.imagen.complete){ 
setTimeout('', 100); 
} 
	newWindow.resizeTo((newWindow.imagen.width + 100), (newWindow.imagen.height + 30));
    newWindow.document.close();
    newWindow.focus();
}
//-->
</SCRIPT>
<style type="text/css">
  html {
	margin: 0px;
	padding: 0px;
}
body {
	list-style-type: disc;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	background-image: url(fondo.gif);
	background-repeat: repeat-y;



}
.contenido { position: absolute; font-family: "MS Sans Serif", Tahoma, Geneva; left: 180px; width: 70%; text-align: justify; text-transform: none; letter-spacing: 3pt; line-height: 1.5; font-size: 10pt; padding: 10px;}
.titul {
	font-size: x-large;
	color: #FFFFFF;
	font-style: italic;
	font-weight: bold;

}
.izq { position: absolute; float: left; padding: 10px; background-color: #000000; margin-left: -1px; width: 170px;}
.titulin {
	font-family: "MS Sans Serif", Tahoma, Geneva;
	font-weight: bolder;
	font-size: 16pt;
	color: #FFFFFF;
	line-height: normal;
	background-color: #666666;
	padding-left: 5px;


}
a {
	color: #AFB1D1;
	text-decoration: none;
}
.texto2 {
	font-family: "MS Sans Serif", Tahoma, Geneva;
	font-weight: bold;
	left: 200px;
	color: #000000;
	text-align: center;
	font-size: xx-small;
	letter-spacing: 0pt;


}
.flash {
	margin-top: -160px;
	margin-left: -360px;
	top: 50%;
	left: 50%;
	position: absolute;
	overflow: visible;
	text-align: center;
	height: 320px;
	width: 720px;



}
.prod {
	background-color: #000000;
}
.cursor {
	cursor: hand;
}
.todo {
	background-color: #000000;
}


</style>

</HEAD>
<BODY>
<TABLE borderColor=#000000 cellSpacing=0 cellPadding=5 width="100%" border=0>
<TBODY>
<TR>
<TD bgColor=#000000 height=1><!-- InstanceBeginEditable name="navtexto" --><FONT color=#ffffff size=-2><A href="index2.htm">Home</A> - Productos</FONT><!-- InstanceEndEditable --></TD></TR><!-- InstanceBeginEditable name="titulo" -->
<TR bgColor=#5c809f>
<TD class=titul bgColor=#cf9f74 height=1>Productos</TD></TR><!-- InstanceEndEditable --></TBODY></TABLE>
<DIV class=izq>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD><A href="objetivo.htm"><IMG height=97 src="links/1objetivo.gif" width=149 border=0></A></TD></TR>
<TR>
<TD><A href="productos.htm"><IMG height=96 src="links/2productos.gif" width=149 border=0></A></TD></TR>
<TR>
<TD><A href="servicios.htm"><IMG height=96 src="links/3servicios.gif" width=149 border=0></A></TD></TR>
<TR>
<TD><A href="contacto.htm"><IMG height=96 src="links/4contacto.gif" width=149 border=0></A></TD></TR></TBODY></TABLE>
<P align=center><FONT color=#ffffff size=-2><STRONG><IMG height=88 src="links/logo.gif" width=64><BR>Galery Maniquies<BR><BR><FONT color=#999999>www.galerymaniquies.com.ar<BR>
<SCRIPT language=JavaScript type=text/JavaScript>
document.write("info" + "@" + "galerymaniquies.com.ar");
</SCRIPT>
info@galerymaniquies.com.ar </FONT></STRONG></FONT></P><NOSCRIPT><p align="center"><font color="#FFFFFF" size="-2"><strong><font color="#999999">
  info(a)galerymaniquies.com.ar</font> 
    </strong></font></p>
  </NOSCRIPT></DIV>
<DIV class=contenido style="border: 1px solid black"><!-- InstanceBeginEditable name="contenido" -->
<TABLE cellSpacing=10 cellPadding=5 width="100%" bgColor=#cf9f74 border=0>
<TBODY>
<TR>
<TD bgColor=#7dd9fe>
<DIV align=center><A href="productos/mujeres.htm"><IMG height=129 src="productos/mujeres.jpg" width=129 border=0></A></DIV></TD>
<TD bgColor=#7dd9fe>
<DIV align=center><A href="productos/hombres.htm"><IMG height=129 src="productos/hombres.jpg" width=129 border=0></A></DIV></TD>
<TD bgColor=#7dd9fe>
<DIV align=center><A href="productos/ninos.htm"><IMG height=129 src="productos/ninos.jpg" width=129 border=0></A></DIV></TD></TR>
<TR class=texto2>
<TD bgColor=#ecd9c7>
<DIV align=center>Mujeres</DIV></TD>
<TD bgColor=#ecd9c7>
<DIV align=center>Hombres</DIV></TD>
<TD bgColor=#ecd9c7>
<DIV align=center>Niños</DIV></TD></TR>
<TR>
<TD bgColor=#7dd9fe>
<DIV align=center><A href="productos/torsos.htm"><IMG height=129 src="productos/torsos.jpg" width=129 border=0></A></DIV></TD>
<TD borderColor=#c4b58c rowSpan=2>
<DIV align=center></DIV></TD>
<TD bgColor=#7dd9fe>
<DIV align=center><A href="productos/otros.htm"><IMG height=129 src="productos/otros.jpg" width=129 border=0></A></DIV></TD></TR>
<TR class=texto2>
<TD bgColor=#ecd9c7>
<DIV align=center>Torsos</DIV></TD>
<TD bgColor=#ecd9c7>
<DIV align=center>Otros</DIV></TD></TR>
<TR>
<TD bgColor=#7dd9fe>
<DIV align=center><A href="productos/accesorios.htm"><IMG height=129 src="productos/accesorios.jpg" width=129 border=0></A></DIV></TD>
<TD bgColor=#7dd9fe>
<DIV align=center><A href="productos/sillones.htm"><IMG height=129 src="productos/sillones.jpg" width=129 border=0></A></DIV></TD>
<TD bgColor=#7dd9fe>
<DIV align=center><A href="productos/mostradores.htm"><IMG height=129 src="productos/mostradores.jpg" width=129 border=0></A></DIV></TD></TR>
<TR class=texto2 bgColor=#ecd9c7>
<TD>
<DIV align=center>Accesorios</DIV></TD>
<TD>
<DIV align=center>Sillones</DIV></TD>
<TD>
<DIV align=center>Mostradores</DIV></TD></TR></TBODY></TABLE><!-- InstanceEndEditable --></DIV><!-- InstanceEnd --></BODY></HTML>
Website Hosting & Design | Classic Web Development
Last edited by Provision : 04-07-2006 at 02:45 AM.
Provision is offline
Reply With Quote
View Public Profile Visit Provision's homepage!
 
Old 08-12-2004, 03:00 PM thanks
Novice Talker

Posts: 7
Location: bs. as. - argentina
Talkupation: jrod is on a distinguished road
I changed it now, it's excellent.
Thank you very much

If this thread gets old and the page doesn't exist anymore, you will be able to see the results on:

http://www.galerymaniquies.com.ar
jrod is offline
Reply With Quote
View Public Profile Visit jrod's homepage!
 
Old 08-12-2004, 08:06 PM
GoToTrafficScho's Avatar
Average Talker

Posts: 15
Talkupation: GoToTrafficScho is on a distinguished road
I liked the maniquis
__________________
GoToTrafficSchool.Com: Traffic School - TeenDrivingCourse.Com: Driver Ed
GoToTrafficScho is offline
Reply With Quote
View Public Profile
 
Old 08-14-2004, 12:08 PM You liked the maniquis??????
Novice Talker

Posts: 7
Location: bs. as. - argentina
Talkupation: jrod is on a distinguished road
jesus, they are so perverse.
jrod is offline
Reply With Quote
View Public Profile Visit jrod's homepage!
 
Reply     « Reply to Problems with CSS and window width
 
Previous Thread | Next Thread Webmaster-Talk.com > Coding Talk > HTML Forum > Problems with CSS and window width

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off


Webmaster Resources Marketplace:
Software Development Company | Webhosting.UK.com
Web Templates | Text Link Brokers | Stock Photos


   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML

 


Page generated in 0.13174 seconds with 12 queries