evitar que el texto se mueva

BladeKnight · #1 (**permalink**) 02/03/2009, 20:14

hola es posible evitar que se mueva el texto en un div cuando haces la ventana chica del navegador?

emiliodeg · #2 (**permalink**) 02/03/2009, 21:20

moverse?? como??

BladeKnight · #3 (**permalink**) 05/03/2009, 02:46

hola, por ejemplo si muevo la ventana de derecha a izquierda el texto se mueve se enciman letras luego se van hacia abajo

Mikmoro · #4 (**permalink**) 05/03/2009, 03:46

Mucho más claro

emiliodeg · #5 (**permalink**) 05/03/2009, 08:02

bueno probablemente lo que necesites es formatear tu pc pq si mueves la ventana y se mueve el contenido, a no ser q hayas puesto un JS q le haga algun efecto, es pq te esta andando algo realmente mal

jomaruro · #6 (**permalink**) 05/03/2009, 14:11

Te explicas igual que un libro cerrado. ¿Porqué no pones tu código para que podamos verlo y ver que falla?

Saludos.

BladeKnight · #7 (**permalink**) 05/03/2009, 15:52

hola aqui esta la programacion

Código:

<body>
<div id="wrap">
	<div id="top">
    </div>
    <div id="header">
    <div id="logotype">
    	<img src="image1.gif" />	
    </div>
    <div id="image_slide">
    	<img src="image1.gif" />
    </div>
	</div>
    <div id="menu">
    	<ul id="menuul">
        	<li><a href="#" id="link_menu" class="on_page"><span>menu 1</span></a></li>
            <li><a id="link_menu"><span>menu 2</span></a></li>
            <li><a id="link_menu"><span>menu 3</span></a></li>
            <li><a id="link_menu"><span>menu 4</span></a></li>
            <li><a id="link_menu"><span>menu 5</span></a></li>
        </ul>
    </div>
    <div id="content">
    	<div id="col_left">
        </div>
        <div id="col_center">
        </div>
        <div id="col_right">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
        </div>
    </div>
    <div id="footer">
    <div class="spacerfooter"></div>
    </div>
</div>
</body>

estilo

Código:

*, html {
	margin:0;
	padding:0;
}
body {
	background:#d4d4d4;
	margin:0;

}
#wrap {
	width:100%;
	height:600px;

}
#top {
	background:black;
	height:53px;
}
#header {
	background:blue;
	height:147px;
	clear:both;
}

#logotype {
	height:147px;
	float:left;
}
#image_slide {
	width:376px;
	height:147px;
	margin:0;
	padding:0;
	overflow:hidden;
	float:right;
}
#menu {
	background:white;
	height:25px;

}
#menuul {
	float:right;
}
ul#menuul {
	list-style:none;
	padding-right:65px;
	margin:0;
}
ul#menuul li {
	padding:0 0 0 7px;
	float:left;
}
ul#menuul li a {
	width:66px;
	height:25px;
	display:block;
	text-decoration:none;
}
ul#menuul li a:hover {
	background-color:pink;
}
#link_menu {
	background:red;
}
#content {
	border:1px solid green;
	background:#fff;
	height:85%;
	clear:both;
}

#col_left {
	width:420px;
	padding-left:24px;
	padding-top:25px;
	float:left;
}

#col_center {
	width:17px;
	padding-top:25px;
	float:left;
}
#col_right {
	width:502px;
	height:272px;
	padding-top:25px;
	padding-right:24px;
	float:right;
}
#footer {
	background:gray;
	height:53px;
	text-align:center;
	font-family:arial;
	color:#fff;
	font-size:12px;
}
.spacerfooter {
	height:15px;
}

cuando hago pequeña a la ventana todas las cosas se desarman

opzina · #8 (**permalink**) 05/03/2009, 18:55

ahh...queres decir...q no se adapta a la pantalla..? q no se adapta al navegador???

a simple vista no veo un contenedor general... o es el wrap?

BladeKnight · #9 (**permalink**) 05/03/2009, 20:26

hola el contenedor general es el wrap le doy 100% al ancho para extenderlo, y cuando la maximizo esta todo bien el problema es cuando quiero hacer la ventana pequeña, todo se salta, por ejemplo tiene 2 imagenes 1 en la izquierda y otra en la derecha al momento de hacer la ventana pequeña las imagenes se amontonan 1 arriba y otra hacia abajo al igual que el menu y lo que quiero es hacer pequeña la ventana pero sin que pase eso

saludos

Mikmoro · #10 (**permalink**) 06/03/2009, 05:46

Cita:

Iniciado por BladeKnight

lo que quiero es hacer pequeña la ventana pero sin que pase eso

¿Y qué es exactamente lo que quieres que ocurra cuando hagas la ventana pequeña?

BladeKnight · #11 (**permalink**) 06/03/2009, 13:30

que las imagenes no se amontonen(una arriba y otra abajo), el menu tambien se va hacia abajo y el texto no se mueva se puede evitar eso?

saludos

Calizman · #12 (**permalink**) 06/03/2009, 14:35

Yo pasé por este post con toda la intencion de ayudar.

Lamentablemente no entiendo nada...

BladeKnight · #13 (**permalink**) 06/03/2009, 15:27

para que me entiendan les muestro una imagen
yo no quiero que se vea asi la pagina cuando hago chica la ventana de derecha a izquierda

Mikmoro · #14 (**permalink**) 06/03/2009, 16:26

Pero entonces lo que no puedes hacer es dar el 100% a la caja principal y poner en ella imágnes con tamaño fijo: evidentemente, cuando no quepan en el ancho del 100% saltarán hacia abajo, porque en un momento dado el 100% será menor que la suma de las dos imágenes.

Lo que puedes hacer es cambiar ese 100% por un tamaño aproximado a la suma de las dos imágenes, y de esa manera al reducir aparecerá el scroll horizontal en lugar de saltar.